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

może w HTMLu :

[HTML] pobierz, plaintext 
<center> treść ... treść ... treść ... </center>
[HTML] pobierz, plaintext