Axel Richter: Float tötet Border

Beitrag lesen

Hallo,

Eigentlich kein großes Problem - dachte ich. Nun muss ich feststellen, dass - sobald ich die inneren Boxen nach links floaten lasse, mir das den Rand zerstört (im FF - warum auch immer).

Der einzige Unterschied zwischen den beiden Dateien ist, dass ich einmal bei den inneren Boxen "float:left;" auskommentiert habe

Die Eigenschaft float:left (bzw. float:right) löst die entsprechenden Elemente aus dem Elementfluss, legt sie praktisch in einen anderen Layer als die normal fließenden Elemente. Da das umgebende Element die Eigenschaft height:auto hat, nun aber keinen normal fließenden Inhalt mehr hat, der die Höhe automatisch vergrößern müsste, ist es 0px hoch. Du musst entweder nach dem letzten gefloateten Element innerhalb des umgebenden Elements ein Element mir clear:left einfügen, welches den Elementsfluss wiederherstellt oder Du musst das umgebende Element auch floaten lassen.

Für den IE musst Du übrigens noch den doubled-margin-bug bekämpfen.

viele Grüße

Axel