Problem mit Tabelle

Hallo tommik,

die 100% Höhe der Tabelle wird auf die Höhe Elternelemente bezogen. Wenn du für html und body eine Höhe von jeweils 100% definierst, füllt die Tabelle die gesamte Höhe des Anzeigebereichs aus

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

Die 100% Höhe dieser Tabellenzelle musst du allerdings rausnehmen:

<td style="background-image:url(Bilder/content.gif);background-repeat:repeat-y;height:100%;" valign="top">

... da der IE7 diese ansonsten zu den 100% von body noch hinzuzählt und den Footer weiter nach unten schiebt (in Firefox und Opera besteht dieses Problem nicht)

Das würde sich denke ich lösen lassen, indem du die drei oberen Tabellenreihen vereinigst, dann verschwinden auch die Abstände. Die Browser verteilen die 100% proportional auf die Tabellenreihen. In Opera und Firefox kann man die Höhen zwar mit festen Pixelwerten fixieren, dies scheint aber wieder einmal nicht im Internet Explorer zu funktionieren.

Dass das ganze ohne dem XHTML-Doctype besser funktioniert, ist übrigens kein Wunder: Tabellenlayout passt besser zu HTML 3.2 - diese Version wird von den Browser angewandt, wenn kein Doctype angegeben ist