nicht angemeldet
IE kann wirklich nicht rechnen
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
-
Hi,
je länger ich mich mit HTML und CSS beschäftige, umso mehr regt mich der Internet Exploder langsam aber echt auf!
willkommen. Das vergeht; irgendwann nimmst Du ihn ebenso hin, wie es ein Psychiater mit irrwitzig Bekloppten tut.
Entweder beschuldige ich IE zu unrecht und habe einen sch** gecodet, oder aber IE kann wirklich nicht rechnen.
Es gibt vieles, was der IE nicht kann; und beim Rest gibt es vieles, was er falsch macht. Eigentlich kann man sowohl mit dem, was er nicht kann, als auch mit dem, was er kann, mehrere Bücher füllen.
Hier mal der Code:
<head>Wenn Dein Code tatsächlich so beginnt, dann recherchiere nach dem Begriff "Quirks-Mode" und beende ihn. Damit haben zumindest der IE 6.0 und sein Nachfolger ein etwas weniger wirres Verhalten. Sie sind dann nur noch irrwitzig Bekloppte unter Drogen.
Cheatah
--
X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes -
hi,
Habe ein kleines Grundgerüst mittels <div> Layers erstellt.
Ja, der Code leidet ganz eindeutig an Divitis.
gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }