Jak wycentrować taką stronę

[mess_alex]

Witam,

Chcę zrobić stronę w css nadając width'om ( ) wartości z jednostką em co robiłem już wcześniej, ale teraz mam większy problem.

Oto obrazek pomocniczy. Menu (z brązowym tłem) obrysowane na niebiesko będzie miało position: absolute.

Moje pytanie brzmi: jak wycentrować taką stronę? (oczywiście zrobię jakiś div mieszczący w sobie całą stronę)

Wstawienie text-align: center w body nic nie daje. Nie mogę zrobić margin: 0 auto bo nie mogę ustawić szerokości dla div'a w którym mieścić się będzie cała strona. Z tego samego powodu (nieokreślonej szerokości) nie mogę skorzystać z left: 50%; margin-left: -cośtam;

Z góry dziękuję za pomoc i pozdrawiam

[josephzet]

Menu (z brązowym tłem) obrysowane na niebiesko będzie miało position: absolute.

A czy na prawdę koniecznie to menu z brazowym tłem potrzebuje position: absolute? Później już tylko div dla całej strony style=margin left: ?? i po kłopocie.

[Paweł Dzedzej]

Ja bym tego znacznika nie używał, ale jeśli już musisz to w stylach:

.twoj_div { position: absolute; left: 10px; right: top: -5px; }

- ustawiasz konkretną pozycję dla obrazka czy innego elementu, którego chcesz...

[mess_alex]

Z ustawieniem menu w odpowiednim miejscu nie miałbym kłopotów, chodziło mi o wycentrowanie całej strony.

// EDIT

Temat dla mnie jest już nieaktualny - dostałem informacje ze względu na które zrobię stronę inaczej. Niemniej jednak jeżeli ktoś wiedziałby jak taką stronę wycentrować to chętnie się dowiem.

Pozdrawiam

[hokopoko]

Mozna to zrobić jakoś tak: pozycjonujesz oba bloki osobno w body i oba w relative, pierwszy ten div z menu. Nadajesz pożądaną szerokość oraz margin-left:auto i margin-right:auto obydwu blokom. W bloku z menu dajesz odpowiedni margin-top, a w bloku z treścią margin-top ujemny - dzięki temu blok z treścią powinien podejść do góry. I jeszcze tylko odpowiednie ustawienie z-index, ażeby menu znalazło się na wierzchu.

Nie ręczę na sto procent, bo nie sprawdzałem, ale zdaje mi się, że powinno działać.