Temat: Równomierne rozłożenie elementów

nie wiem czy dobrze rozumiem.

Masz kontener np szerokości 1000px,

dajesz div okalający z overflow: hidden; w srodku dajesz divy z float: left; daną width i margin-left.
nastepnie nadajesz pierwszemu elementowi margin-left: 0, i masz rowne szerokosci elementow rownie ulozone.

Wyglada to tak:

<div id="container">
<div class="okalajacy">
<div class="element"></div>
<div class="element"></div>
<div class="element"></div>
<div class="element"></div>
</div>
<div class="okalajacy">
<div class="element"></div>
<div class="element"></div>
<div class="element"></div>
<div class="element"></div>
</div>
</div>

css:

#container { width: 1000px; }
.okalajacy { overflow: hidden; margin-bottom: 10px; }
.element { float: left; height: 50px; width: 100px; margin-left: 10px; background: black; }
.okalajacy .element:first-child { margin-left: 0; }Łukasz Stępa edytował(a) ten post dnia 04.02.12 o godzinie 20:10

Temat: Równomierne rozłożenie elementów

Andrzej Winnicki:
Poki same boxy w srodku sa tej samej wielkosci i odstepu w srodku, pomiedzy nimi sa TAKIE SAME, to nie ma problemu... ale jesli ty zawsze chcesz miec odpowiednia ilosc elementow i zostawic miejsce, to kurde nie kombinuj i zrob to na starej, dobrej oldskoolowej tabelce ktora sama ci sie wyreguluje rozmiarami, odstepami i wszystkim innym ;)

dokładnie zgadzam się z tą opinią, jeżeli wielkości mają być równe, oraz odstępy, i szerokość kontenera ma się zmieniać a wraz z nią szerokości boxów i odstępy, to również nie widzę nic lepszego jak stara dobra zasłużona tabela :)

To nie łatwiej by było pozostawić po prostu puste komórki tabeli tam gdzie nie będzie elementów? :)Łukasz Stępa edytował(a) ten post dnia 04.02.12 o godzinie 23:47