Tabelle mit scrollbarem bereich und Höhe dem Fenster angepasst. (css formatiert)

[rainbow1]

Hallo an alle...

ich sitze hier vor einem Problem. Evtl. kann mir jemand helfen.

das layout ist wie folgt aufgebaut:
2 spaltig 100% Breite
Linke Spalte: Navigation
Rechte Seite: Content

der Content ist wie folgt aufgeteilt:
3 zeilig (letzte Zeile Footer)

Das Problem:
Das komplette Layout muss sich immer der Fensterhöhe anpassen
die letzte Zeile (Footer) im Contentbereich muss somit immer unten am Fensterrand stehen. Auch die Navigationsspalte muss sich immer der Fensterhöhe anpassen.

Würde mich freuen, wenn mir hier jemand helfen könnte.

Vielen Dank im voraus!
Rainbow


//EDIT

zur Verdeutlichung nun ein screenshot:
das ganze muss mit Tabellen und css aufgebaut werden. Klappt eigentlich alles. Außer der scrollbare bereich. mit overflow funktioniert das nicht.

hat mir hier jemand evtl einen Tipp?

Eigentlich ein simpler Aufbau derTabelle, aber ich bekomms einfach nicht hin:-(

Viele Grüße

 

[Maik]

Hi,

schau dir hierfür mal das CSS-Tutorial Tabellenloses Basislayout mit fixierten und separat scrollbaren Blöcken, oder Stu Nicholls' CSS-Layouts an:

1. http://www.cssplay.co.uk/layouts/body2.html
2. http://www.cssplay.co.uk/layouts/body4.html

 

[rainbow1]

Vielen Dank dir für die schnelle Antwort und den Link!.
nur mein Template ist komplett mit Tabellen aufgebaut. Das Tutorial ist ja für ein tabellenloses Layout.
Kennst du solch ein Tutorial auch für Tabellenlayouts?

besten Dank

 

[Maik]

Tabellen dienen zum tabellarischen Aufbereiten / Vergleichen von Daten, und nicht als Layoutwerkzeug eines HTML-Dokuments - das Stichwort lautet: tabellenloses "CSS-Layout".