Pot: IE kann wirklich nicht rechnen

Beitrag lesen

SELF-Forum

IE kann wirklich nicht rechnen

Pot
– Informationen zu den Bewertungsregeln

Moin,

je länger ich mich mit HTML und CSS beschäftige, umso mehr regt mich der Internet Exploder langsam aber echt auf!

Habe ein kleines Grundgerüst mittels <div> Layers erstellt. Die ganze Breite beträgt immer 960 pixel, auch wenn manchmal mehrere <div>'s nebeneinander sind, ergibt das ganze 960 pixel (inklusive Rahmen, 1px).

Firefox zeigt das ganze auch schön an, aber der IE verhunzt solch einfaches Zeug einfach nur.

Entweder beschuldige ich IE zu unrecht und habe einen sch** gecodet, oder aber IE kann wirklich nicht rechnen. Falls dies der Fall ist, gibt es ein gutes workout?

Hier mal der Code:

<head>  
<title>neues Design</title>  
<style type="text/css">

body {  
 margin-top:0;  
 margin-left:1em;  
}  
  
#navi, #inhalt, #bottom {  
 border:0;  
}  
  
#banner, #menu, #navi_x, #navi_y, #inhalt_x, #inhalt_y, #middle, #bottom_x, #bottom_y, #bottom_z {  
 border: 1px solid black;  
}  
  
#banner {  
 background-color:gray;  
 width:958px;  
 border-top:0;  
 border-bottom:0;  
}  
#menu {  
 background-color:pink;  
 width:958px;  
 margin-bottom:3px;  
}  
#navi {  
 background-color:green;  
 width:160px;  
 float:left;  
 margin-right:3px;  
}  
#navi_x {  
 background-color:silver;  
 width:158px;  
 float:left;  
 border-bottom:0;  
}  
#navi_y {  
 background-color:lime;  
 width:158px;  
 float:left;  
}  
#inhalt {  
 background-color:orange;  
 width:797px;  
 float:left;  
}  
#inhalt_x {  
 background-color:brown;  
 width:795px;  
 float:left;  
 border-bottom:0;  
}  
#inhalt_y {  
 background-color:violet;  
 width:795px;  
 float:left;  
}  
#middle {  
 background-color:blue;  
 width:958px;  
 float:left;  
 margin-top:3px;  
 margin-bottom:3px;  
 clear: both;  
}  
#bottom {  
 width:962px;  
 float:left;  
}  
#bottom_x {  
 background-color:lightgreen;  
 width:316px;  
 margin-right:3px;  
 float:left;  
}  
#bottom_y {  
 background-color:darkgreen;  
 width:316px;  
 margin-right:3px;  
 float:left;  
}  
#bottom_z {  
 background-color:gold;  
 width:316px;  
 float:left;  
}  
</style>  
</head>  
<body>  
  
  
  
 <div id="banner">banna</div>  
 <div id="menu">menu</div>  
 <div id="navi">  
  <div id="navi_x">x</div>  
  <div id="navi_y">y</div>  
 </div>  
 <div id="inhalt">  
  <div id="inhalt_x">x</div>  
  <div id="inhalt_y">y</div>  
 </div>  
 <div id="middle">h</div>  
 <div id="bottom">  
  <div id="bottom_x">f</div>  
  <div id="bottom_y">asdf</div>  
  <div id="bottom_z">asdf</div>  
 </div>  
  <div id="middle">h</div>  
</body>  
</html>

Hier könnt ihr das Ganze betrachten: http://druckian.hopto.org/remo/new/

Mit freundlichen Gruessen,
Pot

Beitrag melden
–
Informationen zu den Bewertungsregeln