mam sobie stronkę: http://zwierciadla.tomkiewicz.hostings.pl
chciałbym, aby główny DIV był wyśrodkowany nie tylko do środka w poziomie okna, ale i w pionie. Wiem doskonale, jak to zrobić z tabelką (po prostu daje tabelkę na width i height 100%), ale czy jest sposób na wykonanie tego w zgodzie ze standardami i zaleceniami?
mam nadzieje, ze jest cos takiego, jak z tym wysrodkowywaniem w poziomie (w zyciu bym nie wpadl, ze trzeba margin:auto wpisac...)
prosze o pomoc, byle bez javascript :)
chyba chodzi o vertical-align, ale nigdy nie sprawdzalem jak to dziala...
P.S: a ten teatr "zwierciadla" to moze z lodzi ?
Akurat Zwierciadła są z Lublina :)
Jeśli chodzi o wyśrodkowanie w pionie - zastosowanie margin:auto; jest teoretycznie wystarczające. Jeśli coś jest małe, to się w pionie wyśrodkuje (Nie wiem, czy nie trzeba przypadkiem do tego ustawić position: fixed). Niestety, są nIEnormalne przeglądarki, które w aktualnej wersji (6) nie obsługują tego tak jak powinne. Można kombinować z ustawianiem procentowego margin-top, ale tylko wtedy, gdy orientacyjnie wiesz, jaką wysokość ma ten pozycjonowany div.
Nie.
margin: auto; nie centruje w pionie. Tylko w poziomie i tylko w przeglądarkach nowoczesnych oraz IE 6. IE 5 sobie z tym nie poradzi.
Jedyne co na razię widzę to tylko margin-top, jak powiedział Adam. Ale kombinuję, być może za kilka minut wyedytuję post i podam rozwiązanie :)
[edit]
A więc tak. Jeśli znasz wysokość elementu blokowego to nie ma problemu, bo możesz go pozycjonować absolutnie, albo poprzez odpowiedni margin-top;
Jeśli nie znasz - jest gorzej. vertical-align nie działa tak jak powinno.
Znalazłem coś takiego: http://www.jakpsatweb.cz/css/css-vertical-center-solution.html
Wykorzystuje trochę hacków, aby pod IE to działało, ale to chyba jest to :) Z tym, że jeśli centrujesz względem okna przeglądarki to i html i body muszą mieć height na 100%.
Znalazłem jeszcze:
http://www.wpdfd.com/editorial/thebox/deadcentre4.html
http://piskorz.info/CSS/wysrodkowanie.html
Ekhm... Z własnego doświadczenia wiem, że przy elemencie z position: fixed ustawienie margin: auto wystarcza w NOWOCZESNYCH PRZEGLĄDARKACH do wyśrodkowania w pionie.
udało się, wykorzystałem kod z linka:
http://piskorz.info/CSS/wysrodkowanie.html
i jest jak trzeba, jedynie ten kod javascript dla badzIEwia troche kole w oczy, ale juz nie mam sily i czasu na kombinowanie, dobrze ze przynajmniej nie siedzi on w kodzie HTML... tak czy inaczej wielkie dzieki za pomoc :)
Hmm... Jeśli jest jakiś hack specjalnie dla IE, to czemu nie wrzucić go w komentarz warunkowy?
A ja chcę powiedzieć koledze: popraw przejrzystość linków, bo masz nienajlepsze usability. Pozdrawiam.