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

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

  1. Ergänzung:

    Die angegebene Seite enthält jetzt keinen Tabellen-Verweis height="100%", da ich euch die Ausgangslage zeigen wollte.
    Fügt man das hinzu, kümmert es FF und IE7 nicht, der IE6 macht einen 1px Fehler als Querlinie, aber das bekomme ich wohl noch hin...

    1. Beispiel für das Einfügen von height="100%":
      (macht nur IE6)
      http://www.richter-reichenbach/puth/index3.html

      Pixelfehler zu sehen...

  2. Hallo Max

    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. Es liegt an der Tabelle an sich, die in dem div id=main liegt.

    wenn du in deinem css  #main width: 100% setzt, dehnt sich die Seite über den gesamten Bildschirm.

    Gruß, Susanne