Ich hab mal versucht ihn nachzubauen, bin aber noch nicht an den Punkt gekommen wo man sieht ab wann er genau Auftritt.
Also er tritt auf, im IE (6-strict Modus) wenn:
- ein Bild die Eigenschaft float: left/right
- Ein Text folgt, der mit einem clear:.... auf die Höhe des Bildes gebracht wird
- der text eine Hintergrundfabre erhält
- er Bereich einen Border erhält.
Abhilfe: dem Bereich eine Größe: width oder height angeben.
Gleichzeitig tauchen andere Bugs auf:
-
ein BR Element mit clear:left am Ende des Textabsatzes funktioniert auch nur wenn der container eine Höhen- oder Breitenangabe hat.
-
ohne Border aber mit einem clear Element ist der Breich viel Größer als sein Inhalt.
guckt euch das an im IE:
<body>
<div style="color:#000;background-color:#eee">
Ein Text!<br>
<img src="test.jpg" alt="">
Text...blabla
<p style="clear:both"></p>
</div>
<p>Noch mehr Text
</body>
Das macht Spaß, aber ist sicher für Cheatah langweilig, vielleicht kann ja jemand Tipps geben, wo diese Bigs besser beschrieben sind.
Struppi.