Element unbekannter Höhe vertikal zentrieren

[handprintdesign]

Hier im Forum gab es das Thema schon einmal, allerdings - soweit ich weiß - nur mit festen Pixelangaben. Hier meine Frage:

Ist es möglich, ein Element (in meinem Fall eine ul) mit unbekannter Höhe in einem umgebenden Element (in meinem Fall ein div) mit ebenfalls unbekannter Höhe vertikal zu zentrieren?

Vereinfachter XHTML-Code wäre also folgender:

<div>
  <ul>
    <li>Listenpunkt 1</li>
    <li>Listenpunkt 2</li>
    <li>Listenpunkt 3</li>
  </ul>
</div>

Greets, Lukas

 

[Herr_D]

AW: Element unbekannter Höhe vertikal zentrieren

Vertikal zentrieren in CSS - jeenaparadies.net






http://iobic.de/center

 

[handprintdesign]

AW: Element unbekannter Höhe vertikal zentrieren

Die Lösung hatte ich so ähnlich auch schon gefunden, allerdings damit dann das Problem dass der Container mit display: table-cell und height: 100% nicht die gesamte Höhe des Viewports eingennommen hatte. Das dürfte durch den extra Container mit display: table wahrscheinlich behoben werden, aber man benötigt eben mal wieder (zu mindest semantisch gesehen) überflüssigen Code.

Danke trotzdem, das mit dem display: table dürfte mir wohl weiterhelfen.