3 DIV-Container nebeneinander ausrichten und dann neue Zeile

[exzel]

Hallo nochmal,

hab' den Text "Float: Die Theorie" mal angelesen. Dort steht: "Floats sind aus dem Fluss der HTML-Elemente herausgenommen."

Also so wie ich das verstehe, bewirkt der Float bei dem Element, dass es aus dem Textfluss herausgenommen wird. Das nachfolgende Element liegt also direkt unter dem gefloateten Element. Der Browser vergrößert das nachfolgende Element derart, dass es voll und ganz lesbar ist. Deshalb scheint es als umfließen darauf folgende Blockelemente die Floats, obwohl es eigentlich unterhalb des gefloateten Elements liegt. Mit clear:left wird es aus dem Umfluss der vorhergehenden genommen. Das Element liegt dann nicht mehr unterhalb der float, sondern wird vertikal unter den Floats angeordnet. Es kann aber noch immer aus dem regulären HTML-Fluss herausgenommen werden, indem man wieder float:left angibt.

Hier auch noch ein interessanter Text aus Webmaster Pro:"Die Eigenschaft clear beendet das Umfließen vorherstehender Elemente. Dabei beeinflusst sie keine float Definitionen innerhalb des Elements. In der Praxis führt der Einsatz von clear dazu, dass das Element vertikal unterhalb des gefloateten Bereichs angeordnet wird. Diese Eigenschaft kann mit float kombiniert werden, wenn nachfolgende Elemente wiederum nebeneinander positioniert werden sollen."

Vielen Dank für die Hilfe!