Pogledajte određenu poruku
Staro 28. 09. 2012.   #1
martinluter
profesionalac
Qualified
 
Datum učlanjenja: 02.05.2009
Poruke: 193
Hvala: 27
8 "Hvala" u 6 poruka
martinluter is on a distinguished road
Default Raspored div-ova, razliticith visina, jednog pored drugog

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 ).
Priloženi thumbnailovi
Kliknite na sliku za uvećanu verziju

Naziv:	divovi1.jpg
Pregleda:	916
Veličina:	14,4 KB
ID:	898  
martinluter je offline   Odgovorite uz citat