Style

Assistant

Startseite
Screenshot
Kurzanleitung
Download
Kurse & Infos
>Tipps & Tricks<
Unterstützer
TMXtensions
?Freeware!
About TM
E-Mail
Made with CSS
Valid HTML 4.01!
Stand: 07.12.2002

Tipps & Tricks – Tipp 71
Zur Übersicht

71. Probleme bei Tabellen mit 100% Höhe (09.11.2001)

Tabellen, die ein Browserfenster vertikal komplett ausfüllen (also zu 100%) sind ebenso beliebt wie umstritten. Gern werden damit Startseiten gestaltet, die weitere Inhalte zentriert darstellen. Das HTML-Element TABLE besitzt jedoch kein Attribut HEIGHT, obwohl das von den meisten bisherigen Browsern dennoch umgesetzt worden ist. Konformer ist die Verwendung von CSS und Height: 100%. Das funktioniert eigentlich weitgehend problemlos (vgl. Beispiel 71a). Im IE 6 kommt es je nach DOCTYPE-Angabe zur Darstellung von Tabellen, die keineswegs 100% der Höhe des Browserfensters einnehmen (vgl. Beispiel 71b). "Schuld" ist der hier bereits beschriebene standards-compliant mode des IE 6 (siehe auch Tipp 52). Auch andere Browser wie Netscape 6.x und Mozilla neigen bei strenger Dokumentprüfung zu einem derartigen Verhalten.

Es wird offenbar nur die Höhe eingestellt, die der Tabelleninhalt gegenüber der umgebenden Box einnimmt. Abhilfe schafft die im Beispiel 71c enthaltene zusätzliche Angabe von:

      HTML, BODY
      {
      Height: 100%;
      }