IE hat Probleme :)

_julius · 05.05.2006

Hey Leute!

Code grade an einer Seite und da ich immer den Feuerfuchs dafür benutze ist mir nie aufgefallen, dass die Seite im IE verwurstet ist. Was ist der Fehler?

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<link href="design.css" rel="stylesheet" type="text/css" />
</head>

<body>
<!--Grundzelle-->
<div id="groundcell">
	<div id="eckeobenlinks"></div>
			<div id="kanteoben"></div>
						<div id="eckeobenrechts"></div>
									<div id="kantelinks"></div>
									<!--Aufbau innerhalb des Rahmenkonstrukts-->
  													<div id="aufbau">
												<div id="logoleiste">
													<img src="images/logo.jpg" alt="logo" width="160" height="80" /></div>
											    <ul class="menu"><li><a href="#"></a>Home</li><li><a href="#"></a>Shop</li><li><a href="#"></a>Kontakt</li><li><a href="#"></a>Anfahrt</li><li><a href="#"></a>Neuigkeiten</li>
											  </ul>
											  <div id="content"></div>
									</div>
								<!--Aufbau innerhalb des Rahmenkonstrukts-->
			<div id="kanterechts"></div>
	<div id="eckeuntenlinks"></div>
			<div id="kanteunten"></div>
						<div id="eckeuntenrechts"></div>
	</div>
<!--Ende Grundzelle-->
</body>
</html>

CharlesT · 05.05.2006

Also mit IE 6.0 auf W2000Prof geht es einwandfrei, nur das Bild fehlt.

_julius · 05.05.2006

HTML:

body {
	background-image: url(images/background.jpg);
	}
	
/* Die Grundzellen */

#aufbau {			/*Container für alle Elemente außerhalb des Rahmenkonstrukts*/
	height:400px;
	width:600px;
	float:left;
	background-color:#FFFFFF;
	}
	
#content {			/*Container für den Inhalt*/
	height:340px;
	width:600px;
	float:left;
	}

#groundcell {  /*Grundzelle bzw. Grundlayout*/
	width: 650px;
	height: 450px;
	margin:0px;
	}

#logoleiste {	/*Container fürs Logo*/
	width:160px;
	height:60px;
	float:left;
	background-color:#FFFFFF;
	}

#menuleiste {		/*Container fürs Menü*/
	height:60px;
	width:440px;
	float:left;
	}

/* Die Ecken und Kanten */

#kanteoben {
	height:25px;
	width:600px;
	background-image:url(images/oben.jpg);
	background-attachment:scroll;
	background-position:top;
	background-repeat:repeat-x;
	float:left;
	}

#kanterechts {
	height:400px;
	width:25px;
	background-image:url(images/rechts.jpg);
	background-attachment:scroll;
	background-position:top;
	background-repeat:repeat-y;
	float:left;
	}

#kantelinks {
	height:400px;
	width:25px;
	background-image:url(images/links.jpg);
	background-attachment:scroll;
	background-position:top;
	background-repeat:repeat-y;
	float:left;
	}

#kanteunten {
	height:25px;
	width:600px;
	background-image:url(images/unten.jpg);
	background-attachment:scroll;
	background-position:top;
	background-repeat:repeat-x;
	float:left;
	}
	
#eckeobenlinks {
	height:25px;
	width:25px;
	background-image:url(images/eckeobenlinks.jpg);
	background-attachment:scroll;
	background-position: left top;
	background-repeat:no-repeat;
	float:left;
	}	

#eckeobenrechts {
height:25px;
	width:25px;
	background-image:url(images/eckeobenrechts.jpg);
	background-attachment:scroll;
	background-position: right top;
	background-repeat:no-repeat;
	float:left;
	}
	
#eckeuntenlinks {
height:25px;
	width:25px;
	background-image:url(images/eckeuntenlinks.jpg);
	background-attachment:scroll;
	background-position: left bottom;
	background-repeat:no-repeat;
	float:left;
	}	

#eckeuntenrechts {
height:25px;
	width:25px;
	background-image:url(images/eckeuntenrechts.jpg);
	background-attachment:scroll;
	background-position: right bottom;
	background-repeat:no-repeat;
	float:left;
	}

/* Ende der Ecken und Kanten */

/* Menüformatierung */
.menu {
	text-align:right;
	color:#333333;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:16px;
	padding-top:5px;
	list-style:none;
}

.menu li {
	display:inline;
	margin-right:8px;
	}

/* Ende der Menüformatierung */

Galanos · 05.05.2006

Aehm … vielleicht habe ich's ueberlesen, aber was genau verwurstet der IE denn?

_julius · 05.05.2006

ansicht: Dreamweaver

so schauts auch im IE aus...

so schaut die unterseite aus :/

2nd · 05.05.2006

PHP:

<div id="groundcell">
   <div id="eckeobenlinks"></div>
     <div id="kanteoben"></div>
       <div id="eckeobenrechts"></div>
         <div id="kantelinks"></div>
           <!--Aufbau innerhalb des Rahmenkonstrukts-->
             <div id="aufbau">
              <div id="logoleiste"

...................... und alles wieder zutaggen

Alter Verschalter, das nenn ich mal DIVitis: 7 (!!!) Hierarchieebenen. Das ist verbesserungswürdig Julius

Frank

IE hat Probleme :)

_julius

Aktives Mitglied

CharlesT

unregistriert

_julius

Aktives Mitglied

Galanos

Aktives Mitglied

_julius

Aktives Mitglied

Anhänge

2nd

Aktives Mitglied