Ingo Turski: Zweimal float + einmal clear = nix float

Beitrag lesen

Hi,

Mit dem div:
Das letzt li ist links gefloatet, also wird das div rechts daneben dargestellt.
Das div selber ist nicht gefloatet, erzeugt also einen Absatz.
Da es ausreichend Höhe hat (notfalls nachhelfen per height-Property), wird die folgende H1 unterhalb der li dargestellt.

hatte ich auch schon in Erwägung gezogen, nur verhält sich der Mozilla hier sehr merkwürdig.
Während <div style="width:10em;">&nbsp;</div> problemlos funktioniert,
klappt <div style="width:10em;height:2.5em;"></div> nur ab einer Höhe von 2.5em und auch dann nur, solange die darüber floatenden Elemente nicht mehr als drei Zeilen einnehmen.
Ich dachte eigentlich, daß ein whitespace das DIV nur auf die aktuelle line-height ausdehnt...

freundliche Grüße
Ingo