"We are back" « oc.at

Kleines Css Layout Problem

Neo1010 28.02.2012 - 19:44 1037 2
Posts

Neo1010

.
Registered: May 2003
Location: -
Posts: 1212
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:
click to enlarge
Sprich man sieht den Browser unter dem Footer.

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

Danke
Bearbeitet von Neo1010 am 28.02.2012, 22:52

Spikx

My Little Pwny
Avatar
Registered: Jan 2002
Location: Scotland
Posts: 13504
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 :p.

Neo1010

.
Registered: May 2003
Location: -
Posts: 1212
ich habs jetzt irgendwie mit hilfe vom body element gemacht... fragt mich aber nicht warum, oder wie das jetzt funktioniert :D
Kontakt | Unser Forum | Über overclockers.at | Impressum | Datenschutz