Max Richter: 100% Tabelle in div? Oder Alternative!

Beitrag lesen

Hallo Leute

Das ist die Seite: http://www.richter-reichenbach.de/puth

Wie ihr (alle über 1024x768) seht, dehnt sich das Hauptelement in der Mitte nicht über 100% aus.

Ich hab wirklich schon viel ausprobiert, und viel hier und wo anders gesucht und konnte das Problem so weit eingrenzen:

Es liegt an der Tabelle an sich, die in dem div id=main liegt.
Steinigt mich nicht, daß ich eine Tabelle zu Layout-Zwecken benutzt habe. Ich wußte mir nicht anders zu helfen, um ein FLEXIBLEN Box-Rand in meinem Stil um den Content zu bekommen.

Eine Tabelle so auf 100% height des Viewports zu bekommen, ist kein Problem, auch nicht ein div auf 100% des Viewports zu bekommen.
Das Problem ist, wenn die Tabelle in ein div gesteckt wird, dann isses doch wieder auto! Warum?

Ich habs mit der im Quelltext zu sehenden Struktur, aber auch mit einer CSS Min-height-Simulation mit 1px footer probiert (Link: http://tammofreese.de/2005/12/31/css-min-height-simulation-fuer-internetseiten)
aber sowohl Firefox als auch IE7 verweigern den Dienst, IE6 und tiefer erfüllt sowohl das eine, als auch das andere!

Also, woran liegt der Umsprung auf auto? Oder gebt mir ein tipp, wie ich die umgebende Box flexibel ohne Tabelle um den Inhalt bringe! Oder zumindest, was so aussieht!

Gruß

Max