CSS: div-Container auf Fenstergröße beschränken

Hallo,

ich möchte meine Webseite gerne komplett mit CSS gestalten, verzweifle aber langsam daran.

Das Beispiel:
http://mitglied.lycos.de/pagetest
(sorry, dass da Werbung eingeblendet wird. Einmal reload klicken und dann ist sie weg :smile:

Die CSS-Datei:
http://mitglied.lycos.de/pagetest/styles.css

Damit man besser sehen kann, welcher Container wo positioniert ist, habe ich farbige Rahmen herumgemacht. Mein Problem ist folgendes:

Der blaue Container „gallerycontent“ soll genau das Browserfenster vertikal ausfüllen, also genau bis zum unteren Rand gehen, an dem auch der grüne und der rote Container enden. Gescrollt werden soll nicht. Wenn ich für den blauen Container angebe

height: 100%

dann vergrößert er sich über den unteren Rand hinaus, vermutlich um genau die Pixel, die sich über dem blauen Container befinden.

Wie kann ich erreichen, dass der „gallerycontent“ bündig unten abschliesst? Am besten unabhängig davon, wie groß der Inhalt darüber ist, also z.B. gallerynavigation, irgendwelche margin-tops usw.

Vielen Dank, Robert :smile:

height: 100%

da es bei margin-top:40 anfängt könnte ich mir vorstellen das es 100% fenster + top 40 ist.

du bräuchtest sowas wie height : 100% - 40px oder height: 100%- margin-top;

aber geht das ???