[CSS]Odpowiednie ułozenie divów Opcje

[Hosiek]

Mam 4 divy. wszystkie ustawiają sie na stronie obok siebie a jeżeli rozdzielczość ekranu jest mniejsza, dalsza częśc pojawia się poniżej.
Problem jest w tym iż divy mają różne wysokosci, w zależności od zawartosci. A div poniżej robi spory odstęp.
Czyli problem wygląda tak, Kiedy div jeden ma mniejszą wysokosc niz div dwa czy tam trzy, to div 4 pojawia sie na dole z odstępem a nie dopasowywuje sie do góry. Wygląda to tak.

[PHP] pobierz, plaintext 
[div1][div2][div3]
      [div2][div3]
[div4]
[PHP] pobierz, plaintext 

A powinno wyglądać tak.

[PHP] pobierz, plaintext 
[div1][div2][div3]
[div4][div2][div3]
[PHP] pobierz, plaintext 

[q3trm]

Zapewne masz ustawione min-height na divy, spróbuj ustawić wartość minimalną np: min-height:10px wtedy nie będzie pustego odstępu o ile nie masz padding ustawionego.

Jeżeli nie, to wrzuć style diva.

[Hosiek]

wysokosci nie mam w ogóle ustawionej, min-height nie pomaga(bez paddingu to samo).

oto css diva

[HTML] pobierz, plaintext 
margin: 5px;
padding: 10px;
width: 380px;
background: #F1f1f1;
float: left;
border: solid 1px #E0E0E0;
[HTML] pobierz, plaintext 

[q3trm]

Łącznie divy mają 1158px szerokości trzymasz je w jakimś kontenerze?, jeżeli tak, to powinien mieć taką szerokość. Spróbuj dodać display: inline-block; każdemu div'owi, jeżeli to nie pomoże zwiększ minimalnie wielkość kontenera nadrzędnego 1-3px.

[Hosiek]

kontener nadrzędny ma 100%.
Po uzyciu display: inline-block; uzyskalem taki efekt

[HTML] pobierz, plaintext 
      [div2][div3]
[div1][div2][div3]
[div4]
[HTML] pobierz, plaintext 

//Edit::Problem rozwiązałem nieco innym ułozeniem divów.

Ten post edytował Hosiek 20.11.2013, 13:57:08