Divovi su razlicite visine, a iste sirine, slika u prilogu.
Glavni kont je 600px, a divovi po 200px sirine i rasporedjuju se preko float:left
Po 3 treba da idu u red.
Prvi problem je izmedju prvog i drugog reda, nakon zavrsetka prvog reda, novi red pocinje zutim divom, ali se taj div ne podize gore, ispod plavog u prvom redu, vec pravi prostor izmedju plavog i zutog.
Ajd to sam nekako resio putem jquery da ih podize na gore kod ovakvog slucaja gde u prvom redu rastu divovi, al verujem da moze i bez toga, samo ja nemam ideju.
Medjutim, javlja se drugi problem, izmedju drugog i treceg reda.
Plavi div iz treceg reda bi trebao da ide tamo gde mu je mesto, u trecem redu, medjutim, on udara u drugi div drugog reda.
Evo prostog html koda:
HTML kôd:
<div style="width:600px;">
<div style='float:left;width:200px;height:60px;background:blue;'>
</div>
<div style='float:left;width:200px;height:70px;background:red;'>
</div>
<div style='float:left;width:200px;height:100px;background:green;'>
</div>
<div style='float:left;width:200px;height:100px;background:yellow;'>
</div>
<div style='float:left;width:200px;height:80px;background:silver;'>
</div>
<div style='float:left;width:200px;height:60px;background:black;'>
</div>
<div style='float:left;width:200px;height:60px;background:blue;'>
</div>
<div style='float:left;width:200px;height:70px;background:red;'>
</div>
<div style='float:left;width:200px;height:100px;background:green;'>
</div>
</div>
Ako neko ima ideju, dobro bi dosla, jer me ovo mori vec mesecima (nisam sve vreme radio na tome

).