Hork auf Lork: Problem mit float:

Beitrag lesen

ich habe hier folgenden Test, bei dem einiges schief läuft. Im FF2 wird der grüne Kasten gar nicht dargestellt

#rot {
float:left;
height:30px;
width:300px;
}
#gruen {
height:30px;
width:200px;
}

<div id="rot"></div>
<div id="gruen"></div>

Der grüne Kasten wird vollständig vom roten überdeckt, dass er nicht zu sehen ist, ist also nur logisch.

im IE6 ist vor dem grünen Kasten eine 1 Pixel breite Spalte.

Angesichts der Tatsache, dass der grüne überhaupt nicht zu sehen sein dürfte, ist die Spalte davor das kleinere Übel.

Der IE 6 hat mit der float-Eigenschaft so seine Probleme. Solange nicht alles auseinanderfällt und die Seiten unbenutzbar werden: Nicht beachten und Nutzer aktiv auf den IE 7 und andere Alternativen hinweisen. Andernfalls mit der IE7-Bibliothek die Fehler umschiffen.