eGospodarka.pl
eGospodarka.pl poleca

eGospodarka.plGrupypl.comp.www[CSS] Autorozmieszczanie div'ów[CSS] Autorozmieszczanie div'ów
  • Data: 2009-11-07 13:09:06
    Temat: [CSS] Autorozmieszczanie div'ów
    Od: "Czarny_Zielony_Ziemniak" <g...@g...pl> szukaj wiadomości tego autora
    [ pokaż wszystkie nagłówki ]

    Jak uzyskać efekt aby div'y rozmieściły się automatycznie w linii i
    automatycznie dopasowały odstępy między sobą:

    Przykład:

    1 div - wyrównany do lewej,
    ostatni - wyrównany do prawej a te pomiędzy nimi (niezależnie od ilości),
    żeby same dopasowały sobie RÓWNE odstępy pomiędzy sobą.
    Wielkość każdego diva to 200px na 200px
    Wszystko ma być wycentrowane

    Czy da się to ustawić automatycznie czy trzeba to robić na piechotę ....

    Mój kod:

    CSS

    #box_1 {
    float: left;
    width: 200;
    height: 200px;
    background: white;
    border:1px solid #DDD;
    margin-right: 50px;
    margin-bottom: 50px;
    text-align: center;
    }

    #box_2 {
    width: auto;
    height: 200px;
    background: white;
    border:1px solid #DDD;
    margin-bottom: 50px;
    text-align: center;
    }

    HTML

    <div id="body">
    <div id="box_1">div1</div>
    <div id="box_1">div2</div>
    <div id="box_1">div3</div>
    <div id="box_1">div4</div>
    <div id="box_1">div5</div>
    <div id="box_2">div6</div>
    </div>

    Będę wdzięczny za podpowiedzi ewentualnie poprawkę mojego kodu.

Podziel się

Poleć ten post znajomemu poleć

Wydrukuj ten post drukuj


Następne wpisy z tego wątku

Najnowsze wątki z tej grupy


Najnowsze wątki

Szukaj w grupach

Eksperci egospodarka.pl

1 1 1

Wpisz nazwę miasta, dla którego chcesz znaleźć jednostkę ZUS.

Wzory dokumentów

Bezpłatne wzory dokumentów i formularzy.
Wyszukaj i pobierz za darmo: