Witam,

mam następujący problem -

Powyżej pokazałem jak rozmieściłem divy na stronie. Wszystkie czarne mają atrybut - float: left, problem jest tego typu iż chciałbym aby divy tworzone w nowej linii znajdowały się bezpośrednio pod tymi wyżej. Mógłby mnie ktoś naprowadzić, bo Google nic ciekawego mi nie mówi.

Pozdrawiam

Wrzuć kod .

[HTML] pobierz, plaintext 
div.okienko{
         border: 1px solid #c7e4b3;
	 width: 300px;
	 float: left;
         margin-left: 3px;
	 font-size: 12px;
	 font-family: Arial;
 
 
 
}
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<div class="okienko">
<div class="tytul">terereerew</div>
<div class="tresc">
treść, treść, treść, treść, treść, treść, treść, treść, treść, treść, treść, treść, treść, treść, treść
</div>
</div>
[HTML] pobierz, plaintext 

Skoro divy są o różnych wysokościach, to najlepiej byłoby podzielić stronę na kolumny.

Możesz też sprobowac z js sie pobawic, o na przyklad: http://desandro.com/resources/jquery-masonry/

wertykalnie na to spójrz nie horyzontalnie, czyli masz divy containery (float:left) ich liczba równa liczbie kolumn poszczególne elementy wiersza umieszczasz w containerach, następny wiersz od pierwszego też w containerach itd.

Możesz jaśniej?

Masz swoje 4 divy (jak na obrazku w pierwszym poscie) i w nich umieszczasz kolejne. Jaśniej się nie da ; )