Css ile div oluşturma hakkında

Arkadaşlar yapmaya çalıştığım şey ekte var. Anladığım kadarıyla her bir kutu için css bölümünde ayrı isim verip bir önceki kutuya göre koordinatlarını verirsem bu iş yapılabiliyor ama benim yapacağım sitede kaç tane kutucuk olacak belli değil. Bu nedenle tek bir kutu ismi tanımlasam ve oluşturduğum layerleri sağa doğru 4 tane ekledikten sonra alta geçse ve kutunu boyuna bakmaksızın hemen 3-4 px altından diğer kutuyu yerleştirse. genişlikler aynı yüksekliklikler farklı. Birisi yardım ederse çok sevinirim. Şimdiden teşekkür ederim.

ana div oluşturup içini 4e bölersen yapabilrisin.
saliyorum.
Not: kutulara height 0px auto verirsen istediğin boya uzar.

div'e dökünce
aradaki boşluklarıda 0px lere değer vererek istediğin boşluğu verebilirsin

Yan yana dizmek için "float:left;" komutunu kullanman gerek.

aklıma biraz önce sizin dediğiniz yöntem geldi çok büyük ihtimalle çözecekti sorunumu ama arkadaşlar başka bir çözüm önerdiler.

div.kutu {
   float:left;
   width:200px;
   margin:0 10px 10px 0;
   /*diğer özellikleri de buraya yazın*/
}

buradaki float özelliğinin işime yarayacağını söylemişler, hemen deneyeceğim.

Cevabınız için çok teşekkür ederim.

.aycan {width:660px; height:500px;}
.aycan ul {width:660px; height:500px;}
.aycan ul li{width:200px; overflow:hidden; float:left;margin:10px;}


<div class="aycan">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</div>

Bi bunu dene bakalım li boyutları uzayınca sorun verecekmi.

<kd>dEaTh ve AycanB Öpüyorum gözlerinizden Sizinle ne kadar iftaar etsem azdır </kd>

Yanıma gelince bende seni öpecem merak etme : )

1-2 Hafta içinde sendeyim Hazır ol hea.

bensiz amasyada partimi vericeksiniz daha geçen gün amasyadadim(: