molily: Google Chrome float Bug?

Beitrag lesen

Hallo,

Einige Browser (Firefox, Opera) "überlagern" das float-Element mit einem daneben befindlichen div. Man kann das gut sehen, indem man dem zweiten div eine Hintergrund-Farbe oder einen border gibt.

Lediglich der Text im zweiten div weicht dem float-div aus.

Das ist gut beschrieben, zu ergänzen wäre, dass alle CSS-konformen Browser dieses Verhalten an den Tag legen (müssen).

Elemente, die auf ein Float folgen, liegen nur dann nicht hinter dem Float, wenn sie »Block Formatting Contexts« bilden, also z.B. selbst Floats sind oder overflow: auto/hidden besitzen.

Korrekt wäre es, dem zweiten div eine Breite und einen linken margin zu geben.

Eine Breite zusätzlich zum margin ist nicht zwingend nötig, oder wofür ist sie gedacht?

Mathias