float problem auf IE6 WIN

[Kris Krois]

Liebe Experten,
ich mache gerade eine Seite ohne Tables, dafür benutze ich ausgiebig die CSS-Eigenschaft 'float'. Soweit, so gut - lediglich nicht auf IE6 WIN. Hier werden Elemente die 'links floaten' (float:left) nicht ganz links plaziert, sondern sitzen ein paar Pixel zu weit rechts. IE6 scheint unkorrekterweise 'margin' hinzuzufügen. Wie viel hinzugefügt wird kann ich nicht nachvollziehen, hängt jedenfalls von der korrekt angegebenen 'margin' ab. Je Größer diese ist, desto mehr wird noch hinzugefügt.

Woher kommt das und was kann man dagegen tun?

Sonnige Grüße aus München,
k r i s

[Henryk Plötz]

Moin,

Woher kommt das und was kann man dagegen tun?

Die IE-Implementation von float ist auch in Version 6 noch kaputt (etwas weniger kaputt als in 5.x, aber trotzdem). Dagegen tun kannst du höchstens etwas indem du den IE nicht benutzt, oder ihm mittels Conditional Comments (Google weist dir den Weg) andere CSS-Angaben gibst.

http://www.positioniseverything.net/articles/float-bugs-1.html
http://www.positioniseverything.net/articles/towards.html

[Viennamade]

Hallo,

Liebe Experten,

Auch wennn ich nicht angesprochen bin ....

benutze ich ausgiebig die CSS-Eigenschaft 'float'. Soweit, so gut - lediglich nicht auf IE6 WIN. Hier werden Elemente die 'links floaten' (float:left) nicht ganz links plaziert,

... schon mal padding-left UND margin-left auf 0 gesetzt?

Gruß
Viennamade

[Cyx23]

Hallo,

zu den IE-Bugs bei float sollte hier im Archiv schon viel zu finden sein.

DHTML-Lösungen a la expression würde ich vermeiden, per CSS-Browserweiche
kann der IE aber etwas anders behandelt werden.

Grüsse

Cyx23

[Frank Opper]

Hallo,

Woher kommt das und was kann man dagegen tun?

style="display: inline" beim gefloateten Element könnte helfen. Mehr Infos gibt's hier: http://www.positioniseverything.net/explorer/doubled-margin.html

Viele Grüße
Frank

[Kris Krois]

"display: inline" ist die Lösung. Für einen Workaround wirklich recht elegant. Vielen Dank für den Tipp :-)
k r i s