Da du mich ja gestern darauf angesprochen hast und meintest, dass dies nicht das sei was du haben wolltest, hier dann die andere Moeglichkeit:

Zitat:
<div id="wrapper" style="width:306px; clear:left;">
<div style="width:100px;height:100px;border:1px solid red;float:left;">bla</div>
<div style="width:100px;height:100px;border:1px solid red;float:left;"">bla</div>
<div style="width:100px;height:100px;border:1px solid red;float:left;">bla</div>
<div style="width:100px;height:100px;border:1px solid red;float:left;">bla</div>
<div style="width:102px;height:102px;float:left;"></div>
<div style="width:102px;height:102px;float:left;"></div>
<div style="width:100px;height:100px;border:1px solid red;float:left;"></div>
<div style="width:100px;height:100px;border:1px solid red;float:left;"></div>
<div style="width:100px;height:100px;border:1px solid red;float:left;"></div>
<div style="width:102px;height:102px;float:left;"></div>
<div style="width:102px;height:102px;float:left;"></div>
<div style="width:100px;height:100px;border:1px solid red;float:left;"></div>
<div style="width:100px;height:100px;border:1px solid red;float:left;"></div>
<div style="width:100px;height:100px;border:1px solid red;float:left;"></div>
<div style="width:100px;height:100px;border:1px solid red;float:left;"></div>
</div>


Alles bleibt quasi wie oben schon ausser, dass der wrapper hier eine entscheidende Rolle spielt. Sollten deine Boxen groesser werden, dann musst du den Wrapper proportional zu den Boxen aendern. Breite der Container mal drei, plus 3 mal 2 pixel fuer die Rahmenbreite fuer rechts und links, ist die minimale Breite und die Max-Breite ist hier z.B. Gesammtbreite plus 101px. Wuerdest du 102px dazu geben, wuerde wieder ein Kontainer mehr reinpassen und das layout somit zerstoert.

Verstanden?! Nein?!
Macht nichts, der Kollege heute nachmittag hat es auch nicht wirklich kappiert und der Arbeitet in der Branche lach.

~leo