D.R.: Ausfüllen von ungenutzen Browser-Bereichen - Aber wie?

Beitrag lesen

Hi,

Mit der Angabe <table heigth="100%"> geht das, ist aber nicht HTML-Konform un das sollte die Seite sein. Die Style-Angabe "height" mit "%" wird aber komplett ignoriert.

Da sind wir wieder beim guten alten Thema Prozentangaben. Erst mal vorweg: die Angabe wird nicht ignoriert.
Das Problem ist folgendes:
Du willst 100% aber wovon denn? Von dessen Elternelement wahrscheinlich. Was ist das? Natürlich, es ist der body. Wie hoch ist der? So hoch wie der Inhalt. Man müsste ihn wohl dazu verleiten, 100% hoch zu sein. Wie? mit height:100%. 100% von was? von html. Wie hoch ist html? So hoch wie der Inhalt. Also auch hier 100% zuweisen. Da HTML kein Elternelement hat, wird am Viewport gemessen und der ist 100% hoch.

Hier die gekürzte Variante:

html,body,table {height:100%;margin:0;padding:0;}

PS: Verzichte wenn möglich auf Layouttabellen und verwende CSS basierte Layouts.

Einen schönen Samstag noch!

--
Enjoy the Web!
Firefox 1.5