Hello out there!
Warum funktioniert das so nicht?
weil du zwar HTML und BODY eine Höhe von 100% zugewiesen hast, aber deine gesamten Inhalte alle in dein #contentcenter DIV gepackt hast und dieses absolut positioniert hast, womit es aus dem Elementfluss raus ist (und demnach die Werte von HTML und BODY auch nicht ererben kann).
Nein, das Aus-dem-Fluss-Nehmen hat keinen Einfluss auf die Höhe des positionierten Elements.
„<percentage>
Gibt eine prozentuale Höhe an. Der Prozentwert wird relativ zur Höhe des umschließenden Blocks der erzeugten Box berechnet.“ [CSS2 §10.5, CSS2 §10.7]
„Der umschließende Block für eine positionierte Box wird durch den nächsten positionierten Vorfahren eingerichtet (oder, falls es keinen solchen gibt, durch den umschließenden Ausgangsblock […]).“ [CSS2 §9.8.4]
See ya up the road,
Gunnar
“Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)