Css - farklı boyutlarda kolon ayarlama

Merhaba,

CSS ile sayfa yaparken farklı boyutlarda div kutularım var. Bunları alt alta dizmek istiyorum ama ikinci satır bir önceki satırdaki en uzun kutu hizasından başlıyor. Oysa ben, ilk satırdaki 1. kolon nerede bittiyse 2. satırdaki 1. kolon da oradan, aynı şekilde 1. satırdaki 2. kolon nerede bittiyse, 2. satırdaki 2. kolon da oradan başlasın istiyorum.

yani aşağıdaki gibi oluyor.


ama ben böyle istiyorum.


Nasıl yaparım acaba?
Yanıt veren üstadlara şimdiden teşekkürler,

jQuery Masonry kullanarak yapabilirsin...

Kutuları yan yana değilde alt alta dizerseniz istediğiniz şeyi yapmış olursunuz;

div1, div2, div3 şeklinde üç div oluşturun, bunların yüksekliğini auto, genişliğini ise kutunun genişliği kadar verin. float left ile bu ana 3 kutuyu yan yana yerleştirin, daha sonra div1 içerisine sol da ki kutularınızı yerleştirin, div2 ye ortadaki , div3 e en sağdaki kutularınızı yerleştirin, yüksekliği atıyorum 5px verin içteki kutulara sorun kalmaz.

EkolWeb, söylediğin şekli ile çok basit çözülebiliyormuş. hiç aklıma gelmemişti.
diğer yandan jQuery Masonry de çok havalı duruyor.

ikinize de çok teşekkür ederim.
kolay gelsin arkadaşlar.