Einmal Erdgeschoss bitte! (Demo 1)

Früher … Als man noch Tabellen benutzte um Internetseiten zu erstellen, war es an der Tagesordnung, dass eine Seite die volle Browserhöhe einnahm, und die Fußzeile es sich am unteren Bildrand bequem machte. Möglich war dies mittels <table height="100%"> und valign="bottom".

Seit CSS ist dies nicht mehr so ohne weiteres möglich, da es keine direkte Möglichkeit gibt ein Element in einem anderen unten-bündig auszurichten. Zwar existiert die Eigenschaft vertical-align: bottom;, dieses ist allerdings nur auf Text in inline-Elementen (also etwa <span><a><label> …) anwendbar. Um beispielsweise ein <div> unten bündig zu bekommen, bedarf es da schon einiger kleinerer Tricks.

Zwar wird hier der Text nich von der Fußzeile verdeckt, jedoch befindet sich der Footer auch nicht am unteren Bildschirmrand. Doch dazu später