Vertikal zentrieren bei prozentualer Höhe

[ChrisB]

Hi,

ich habe hier ein DIV, welches absolut an die Stelle 0,0 positioniert ist und jeweils die Höhe und Breite 100 % hat. Folglich deckt es also den ganzen Bildschirm ab. Das DIV ist mit „display:table-cell;“ versehen, da der Inhalt des DIVs vertikal zentriert werden soll.

Das kann nicht funktionieren - CSS 2.1, 9.7 Relationships between 'display', 'position', and 'float'

Wenn ich nun in dieses Table-Cell-DIV ein weiteres DIV mit einer festgelegten Pixelhöhe lege und dieses wiederum als Table-Cell auszeichne, dann wird der Inhalt dieses DIVs korrekt zentriert. Allerdings ist die Festlegung einer festen Höhe für mich keine Option.

Wie bekomme ich es denn also hin, dass der Inhalt zentriert wird, auch wenn ich die Höhe nur prozentual auf 100 % festlege?

Dazu brauchst du *noch* ein zusätzliches Element.
div { position:fixed }
  div { display:table; height:100%; width:100% }
    div { display:table-cell }

MfG ChrisB