ďťż

[css] Jak wycentrować taką stronę?

Podstrony

telcocafe

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

Jakiś kodzik css?

Daj diva zawierającego samo margin: 0 auto, a resztę wpakuj do niego.
Użytkownik Coldpeer edytował ten post 26 styczeń 2007, 14:32
Daj całość do div'a nadaj mu jakąś klasę, a w klasie daj align:center. Mniej więcej tak:

<style> .body { align:center; } </style> <div class='body'> Tu cala strona </div>

Jakiś kodzik css?
Przecież to o co pytam to fundamenty, więc nie mam jeszcze żadnego kodu.

Daj diva zawierającego samo margin: 0 auto, a resztę wpakuj do niego.
Żeby skorzystać z margin: 0 auto; trzeba określić width (czego zrobić nie mogę, bo width całej strony składa się z pikseli i punktów (em), których to nie można zsumować)

Daj całość do div'a nadaj mu jakąś klasę, a w klasie daj align:center
Nie ma czegoś takiego jak align: center w CSS. Jest text-align: center, który jak już napisałem nie pomaga.

Ale dzięki za odpowiedzi :). Czekam dalej.

Hm, no tak. A nie możesz dać we wszystkich divach jednostkę px i zsumować największą szerokość, którą potem dasz w divie z margin: 0 auto?
Użytkownik Coldpeer edytował ten post 26 styczeń 2007, 15:22
Tak się zastanawiam czemu nie możesz podać szerokości diva obejmującego całość strony ? Przecież em na px można przeliczyć ?

BTW http://riddle.jogger...trowaniu-w-css/ - może coś pomoże :-).

Hm, no tak. A nie możesz dać we wszystkich divach jednostkę px i zsumować największą szerokość, którą potem dasz w divie z margin: 0 auto?
Średnio, bo zakładając, że prawa strona (ta z 60em - oczywiście nie będzie miała aż 60em, tak po prostu napisałem na obrazku) może maksymalnie osiągnąć (przy powiększeniu czcionki) 1300px to cała strona miała by 1555px, co znowu w przypadku, gdy nie powiększano czcionki nie dałoby oczekiwanego efektu - strona jedynie lekko odsunęłaby się od lewego brzegu.

Przecież em na px można przeliczyć ?
Tylko jeżeli użytkownik nie zmienił rozmiaru czcionki (wtedy, i tylko wtedy :( 1em=16px)

Można zablokować opcję zmiany rozmiaru czcionki.

EDIT:

Teraz nie wiem gdzie to było ale napewno czytałem o takiej możliwości... zdaje się że jakaś osoba z forum miała taki artykuł na swojej stronie. Choć są minusy, np. osoby ze słabszym wzrokiem mogą nie dowidzieć.
Użytkownik bmatrix edytował ten post 26 styczeń 2007, 16:29
bmatrix, stronę robię w em po to, żeby można było zmieniać rozmiar czcionki

Od kilku minut temat jest już dla mnie nieaktualny. Otrzymałem informacje ze względu na które robie stronę inaczej. Niemniej jednak gdyby ktoś wiedział jak taką stronę wycentrować chętnie się dowiem.

Pozdrawiam

a poprostu centrowanie dla BODYBODY { margin: 0 auto; /*i dla IE:*/ text-align: center; }nie działa? Bo czasem trzeba dać atrybut BODY, a nie DIVowi...

DJ:
1) dodanie margina do body nic nie da
2) text-align: center wyśrodkuje przecież także tekst w divach

@down: no masz rację z tym text-align ;)
Użytkownik Coldpeer edytował ten post 27 styczeń 2007, 20:06

2) text-align: center wyśrodkuje przecież także tekst w divach

to nie było by problemem, bo można by było dać potem
div#site {text-align: left;}
ale i tak by nie zadziałało, bo na text-align reagują tylko elementy takie jak tekst (nie jestem pewien, ale chyba tylko wszystkie te z display: inline)
Użytkownik mess_alex edytował ten post 27 styczeń 2007, 16:33

1) dodanie margina do body nic nie da Czasem daje. Różnie to przeglądarki interpretują. Jak coś, zawsze można dać<style>BODY { padding: 0 auto; }</style>:P

2) text-align: center wyśrodkuje przecież także tekst w divach
to nie było by problemem, bo można by było dać potemdiv#site {text-align: left;} No właśnie ;)

ale i tak by nie zadziałało, bo na text-align reagują tylko elementy takie jak tekst (...) Ale przypomnę, że IE i tak wyśrodkowuje elementy, również blokowe, gdy jest text-align... ehh ten M$ nigdy standardów nie przestrzegał ;P

@down: tak, bo to były jedyne filmy, zajmujące się tym tematem :P
Na szczęście po pewnym czasie powstało grono osób racjonalnie myślących (W3C)... ;)
Użytkownik DJ_ProG edytował ten post 28 styczeń 2007, 22:26

ehh ten M$ nigdy standardów nie przestrzegał ;P
Były czasy, gdy standardy wyznaczał Netscape i Microsoft ($$$).
Użytkownik Coldpeer edytował ten post 28 styczeń 2007, 19:07

Sitedesign by AltusUmbrae.

Darmowy hosting zapewnia PRV.PL