Dargestellt werden sollen immer 3 Boxen nebeneinander,
nach der 3. (letzten Box) sollen die nächsten Boxen darunter
am linken Bildschirmrand anfangen. Sprich sowas wie
ein <tr> und 3 <td> Tags bei Tabellen usw.


Definierung CSS:

.box1 {position:relative;width:200px;float:left}
.box2 {position:relative;width:400px;float:left}
.box3 {position:relative;width:100px;clear:left}

Aufbau im Body:

<div class=box1>...</div>
<div class=box2>...</div>
<div class=box3>...</div>

<div class=box1>...</div>
<div class=box2>...</div>
<div class=box3>...</div>

<div class=box1>...</div>
<div class=box2>...</div>
<div class=box3>...</div>

Nur leider funktioniert das nicht, obwohl es eigentlich logisch ist oder?

Mister Ad

prob mal so ...

.box1 {
position: relative;
width: 200px;
clear: both;
float: left;
}
.box2 {
position: relative;
width: 400px;
float: left;
}
.box3 {
position: relative;
width: 100px;
float: left;
}

Hallo,

ja auf dieses clear VOR dem float bin ich vorhin auch gekommen