Struppi: IE (6) Bugs

Beitrag lesen

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.