Kleines Css Layout Problem

Hallo!

Also es geht um folgendes die Seite besteht aus 3 Bereichen:

- Banner hat eine fixe Height
- Content hat eine variable Height
- Footer hat eine variable Height (mindestens aber 100px)

So als Beispiel:

Mein Screen hat eine Höhe von 800px.
Banner: 200px
Content: 200px
dann sollte der Footer eine Height von 400px haben

Beispiel2:
Banner: 200px
Content: 600px
dann sollte der Footer eine height von 100px haben


Zurzeit schauts bei mir leider so aus:

Sprich man sieht den Browser unter dem Footer.

wie muss ich da die css Eigenschaften dafür setzen?

Danke

ich habs jetzt irgendwie mit hilfe vom body element gemacht... fragt mich aber nicht warum, oder wie das jetzt funktioniert