float + fehlerhalfte container-höhe
Carsi
- css
0 Cheatah0 flashnfantasy0 wahsaga
Hi,
ich habe ein div und zwei divs darin.
Wenn ich jetzt die beiden divs floaten lasse, umrandet die border des
ersten divs nicht mehr die beiden inneren, sondern dieses div hat
die höhe null. Warum?
Was kann ich dagegen tun?
- Carsten
Hi,
ich habe ein div und zwei divs darin.
Wenn ich jetzt die beiden divs floaten lasse, umrandet die border des
ersten divs nicht mehr die beiden inneren, sondern dieses div hat
die höhe null. Warum?
weil bei der Berechnung von height:auto im Element enthaltene gefloatete Elemente nicht mit einbezogen werden,
Was kann ich dagegen tun?
sofern das Element selbst nicht gefloatet ist.
Cheatah
Das Floats unten über den Container rausgehen ist ein typisches Ärgernis.
Lösungen sind:
1.Du machst den Container selbst zu einem Float, diese Lösung ist speziell für den IE sehr gut geeignet.
2.Du fügst hinter den Floats und dem ganzen Text drumherum folgende Zeile ein
<div style="clear:both; height: 0px;"></div>
Diese Lösung ist aber gefährlich, weil sie auch Floats ausserhalb!!! deines Containers beeinflusst.
Bei beiden Lösungen hat der Container auf wundersame Weise danach wieder Höhe.
Gruß,
Flash
hi,
Das Floats unten über den Container rausgehen ist ein typisches Ärgernis.
Wieso Ärgernis?
So ist float nun mal definiert.
Bei beiden Lösungen hat der Container auf wundersame Weise danach wieder Höhe.
Wieso auf wundersame Weise?
So ist float nun mal definiert.
gruß,
wahsaga