Rozłożenie elementów na stronie. [zamknięte]

Zamierzam napisać stronę o podanej niżej strukturze.

alt text

Oczywiście te elementy mają zostać zawarte w jednym DIV-ie o przykładowej szerokości 800px,
który będzie leżał na środku (margin: auto).
Próbowałem już wielu wynalazków, i nic nie udało mi się wykombinować.
W żadnym wypadku nie chcę stosować właściwości margin-left etc.
Gotowa witryna ma być wyświetlana jednakowo w każdej przeglądarce, i na każdej
rozdzielczości ekranu.

Powód zamknięcia: Udzielono odpowiedzi na pytanie, poprawna odpowiedź została zaakceptowana

4

Odpowiedzi: 3

  • 2 lata, 1 miesiąc temu
    autor: Manveru

    3

    Mnie wyszło, że tak:

    <html>
<div style="margin:0 auto; width:780px; border:solid blue 1px; display:block; padding: 3px;">
<div style="border:solid red 1px;display:block; padding: 3px;">Top</div>
<div style="border:solid red 1px;display:block; padding: 3px;">Menu</div>
<div style="border:solid green 1px; width: 50px; display:block; padding: 3px; float:right;">Lewe Menu</div>
<div style="border:solid green 1px; width: 50px; display:block; padding: 3px; float:left;">Prawe Menu</div>
Czy ten tekst jest prawidłowo wstawiany na stronie?<br /><br/><br />
</div>
</html>

    Daje taki efekt (tu celowo zwężony o 300px), więc zbliżony!

    Top
    Menu
    Lewe Menu
    Prawe Menu
    Czy ten tekst jest prawidłowo wstawiany na stronie?


    Według tutoriali wszelkiej maści, centrowanie div'a poprzez właściwość margin, wygląda poprawnie w ten sposób:

    .center_div {
    margin:0 auto;
}

  • 2 lata, 1 miesiąc temu
    autor: t4keda

    3

    Skorzystaj z tego tutoriala: http://xero.prv.pl/maxi01.php

  • 2 lata, 1 miesiąc temu
    autor: ranger

    1

    Czyli logo i górne menu robisz jako oddzielne divy znajdujące się w divie jeszcze jednym. To samo kolejnymi 3 elementami.(wszystkie 3 divy w jednym divie)

Zaloguj się, aby dodać swoją odpowiedź