Gunnar Bittersmann: <table height=100%...> funktioniert nicht

Beitrag lesen

Hello out there!

Jetzt möchte ich aber umsteigen auf ein Tabellen- oder DIV-basiertes Layout.

Das eine ist nicht besser als das andere (Tabellen sind kein geeignetes Layoutmittel; [Divitis).

Schreibe dein Markup ohne Hinblick auf ein jetzt oder später gewünschtes Layout. Einfach nur Textpassagen ihrer Funktion in der Dokumentstruktur entsprechend auszeichnen; dabei können auch WENIGE gruppierende 'div'-Elemente sinnvoll sein.

DANACH formatierst du – mit http://de.selfhtml.org/css/@title=CSS!

Es könnte an der Deklaration
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
liegen. Wenn ich die nämlich weglasse, wird die Tabelle über die gesamte Höhe angezeigt.

Herzlich willkommen im Quirks-Modus ...

Nun frage ich mich, wie wichtig die Deklaration ist und ob ich sie einfach weglassen kann. Allerdings kommt dann die Anzeige meiner Stylesheets merkwürdigerweise durcheinander.

... den du eben deshalb durch DOCTYPE-Angabe verlassen solltest.

Im standards compliant mode bezieht sich die Höhenangabe in Prozent auf die Höhe der umschließenden Box (des Elternelements). Wenn dafür nichts angegeben ist, also der Defaultwert 'auto' gilt, wird eine Box nur so hoch wie nötig.

Soll eine Box so hoch sein wie der Viewport, müssen auch alle umschließenden Boxen 100%ige Höhe haben – bis hoch zum Wurzelelement.

See ya up the road,
Gunnar

--
„Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)