Erwin: Liste über ganze Seite verteilen

Beitrag lesen

Hi Forum,

ich habe eine ul in etwa so:

  
<ul>  
  <li><a href="#">Item 1</a></li>  
  <li><a href="#">Item 2</a></li>  
  <li><a href="#">Item 3</a></li>  
</ul>  

Die einzelnen Links innerhalb der Liste sind nun Blöcke (display:block;) und die 3 Items sollen über die _ganze_ html-Seite (genauer gesagt 1 Bildschirm) verteilt sein.

Wie lässt sich das in CSS umsetzen, sodass ich keine festen Werte angeben muss? Ich hätte irgendwas mit height: 33%; vermutet, das klappt aber nicht!

Erwin

´---------------------- |  ´--------     ^    |
|  | Item 1 |     |    |
|  --------´     |    | |  ´--------     |    |
|  | Item 2 |     |    |
|  --------´    100%  | |  ´--------     |    |
|  | Item 3 |     |    |
|  --------´     |    | ----------------------´
in etwa so