3 DIVs nebeneinander, dann Umbruch

[ChrisB]

Hi,

Hallo,

ich möchte 3 DIVs nebeneinander positionieren, danach soll ein "Umbruch" kommen und in der neuen Zeile soll es mit 3 weiteren DIVs so weiter gehen usw.

Laut Beschreibung müßte es doch so gehen:

<div style="width:100px;float:left">1</div>
<div style="width:400px;float:left">2</div>
<div style="width:50px;clear:left">3</div>

<div style="width:100px;float:left">1</div>
<div style="width:400px;float:left">2</div>
<div style="width:50px;clear:left">3</div>

usw.

Warum verschiebt sich trotzdem alles?

Weil du an einer Stelle clear verwendest, die mit deinem beschriebenen Vorhaben absolut nicht uebereinstimmt.

clear bestimmt, auf welchem Element das floating wieder aufgehoben werden soll - welches Element sich also ganz normal "auf einer neuen Zeile" breitmachen soll, um's mal umgangssprachlich zu formulieren.

MfG ChrisB