Wysokość <body> 100% i wycentrowanie w pionie

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

Wysokość <body> 100% i wycentrowanie w pionie

M3x Zobacz profil	15.04.2011, 18:23:02 Post #1
Grupa: Zarejestrowani Postów: 2 Pomógł: 0 Dołączył: 13.08.2010 Ostrzeżenie: (10%)	Witam, Tworzę nietypowy, eksperymentalny serwis i mam (być może) proste pytanie, otóż: Dajmy na to, że mam stronę o szerokości > 100% i wysokośći 100%. W poziomie mam listowanie (<ul>) również o wysokości 100% z n elementow o jakiejśtam szerokości. Jako zawartość punktów listy (<li>) będą jakieśtam <h1>, <img> etc. I tutaj pojawia się moje pytanie: Skoro body, ul { height: 100%; } to ul li nie będzie wycentrowane w pionie. Nie możemy wypozycjonować (margin, padding, absolute+top, cokolwiek ze stałą wartością) tego elementu bez wykorzystania JS (tak mi się przynajmniej wydaje). Czy jest jakaś metoda aby wycentrować zawartość li w pionie? Może vertical-align (przyznam że nie ogarniam tego )? Może jakiś hack CSS? Nie chcę tworzyć serwisu na tabelkach. Pozdrawiam, M3x _________________Update_______________________ Trafiłem w sieci na pewnego hacka do IE, wydaje się dość uniwersalny. Ogólny zarys: [HTML] pobierz, plaintext <style> #wrapper { position: absolute; top: 50%; } #content { position: relative; } #content ul { position: absolute; top: -(XXX/2)px; } </style> [HTML] pobierz, plaintext Gdzie XXX to wysokość wycentrowanego w pionie elementu, w tym przypadku <ul> [HTML] pobierz, plaintext <div id=wrapper> <div id=content> <ul> ... </ul> </div> </div> [HTML] pobierz, plaintext A wygląda to tak: http://i.imgur.com/d35dK.png Nawet na dużych rozdzielczościach Ten post edytował M3x 15.04.2011, 18:23:41