Chris: Doppeltes float bringt IE durcheinander (mit Coding)

Beitrag lesen

Dank fehlender URL eine weitere Folge des heiteren Quellcode-Ratens mit Robert Lembke:
welches Bug-gerl hätten's denn gern?

OK, sorry. Hier das abgespeckte Coding.

Ungereimtheit 1
Es ist so, dass der beschriebene Fehler, also dass die zweite Reihe der kleinen Hallo Welt DIVs nur noch auf dem _Mac_ mit IE 5.2 unterhalb des Endes von Navi anfangen. Es entsteht also eine große Lücke zwischen der ersten Hallo Welt Reihe und der zweiten.

Ungereimtheit 2
Was momentan bei IE 6 unter Win XP noch falsch läuft, dass die Hallo Welt DIVs alle unterhalb des Endes von Navi anfangen, wenn man das Fenster des IE so weit verkleinert, dass die DIVs von Hallo Welt nicht mehr ins Fenster passen. Bei Mozilla und Co entsteht einfach ein Scrollbalken, der IE verschiebt die DIVs nach unten.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
 <meta http-equiv="Content-type" content="text/html; charset=iso-8859-1">
<style type="text/css">
#navi {background-color:#dddddd;float:left;width:10em;}
#content {background-color:#ddddff;margin-left:11em;}
.box {background-color:#ffdddd;float:left;width:8em;margin:0 2em 1em 0;}
</style>

</head>
<body>

<div id="navi">
navi<br>navi<br>navi<br>navi<br>navi<br>navi<br>navi<br>navi<br>navi<br>navi<br>navi<br>navi<br>navi<br>navi<br>navi<br>
</div>

<div id="content">
<div class="box">Hallo Welt!</div>
<div class="box">Hallo Welt!</div>
<div class="box">Hallo Welt!</div>
<div class="box">Hallo Welt!</div>
<div class="box">Hallo Welt!</div>
<div class="box">Hallo Welt!</div>
<div class="box">Hallo Welt!</div>
<div class="box">Hallo Welt!</div>
<div class="box">Hallo Welt!</div>
<div class="box">Hallo Welt!</div>
<div class="box">Hallo Welt!</div>
<div class="box">Hallo Welt!</div>
<div class="box">Hallo Welt!</div>
<div class="box">Hallo Welt!</div>
<div class="box">Hallo Welt!</div>
<div class="box">Hallo Welt!</div>
</div>

</body>
</html>