Kleines Css Layout Problem

Seite 1 von 1 - Forum: Coding Stuff auf overclockers.at

URL: https://www.overclockers.at/coding-stuff/kleines-css-layout-problem_229002/page_1 - zur Vollversion wechseln!

Neo1010 schrieb am 28.02.2012 um 19:44

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

Spikx schrieb am 28.02.2012 um 20:29

Du kannst bspw. dem root container position:absolute; (oder relative) top:0px; bottom:0px; geben und dann dem footer auch position:relative; top:0px; bottom:0px; und evt. eine min-height:...; dazu. Ist nur meiner erster hirnloser Vorschlag, ohne selbst herumprobiert zu haben .

Neo1010 schrieb am 28.02.2012 um 20:37

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