Probleme mit 100% height bei footer

[julchen]

Hallo,
ich hab ne Website erstellt und habe ein kleines Problem mit dem Footer. Der Footer soll sich nach unten hin immer 100% Höhe einnehmen mit einem Abstand von 15 px zum unteren Bereich, bzw. soll unten genau wie rechts, links und oben ein weisser Rand bleiben.

Wer kann mir sagen, wo der Fehler liegt in meinem CSS beim Footer?

http://www.assedo.de/login/becker/index.html

Gruss
Julchen

 

[para_noid]

Hallo,

wenn du Abstände über bottom o.ä. erreichen willst, muss die Positionsart des Elementes angegeben sein.

#footer {
    bottom: 15px;
    position: relative;
}

 

[julchen]

Hallo,
danke schon mal für deine Hilfe. Jetzt hab ich aber das Problem , dass er mir keinen Abstand von 15px mehr zur oberen Box erstellt und zum unteren Rand sollen auch 15 px, so wie auf der gesamten Site als Abstand nach links, rechts, oben und unten.

Gruss
Julchen

 

[para_noid]

Hi,

#footer {
    margin: 30px 15px 0;
    /*Rest*/
}

sieht bei mir im Firebug passend aus.

 

[julchen]

O.k. danke hat geklappt. Warum aber 3 Angaben als margin? Was bewirkt die 0 am Ende und der Kommentar?

 

[para_noid]

Die Angaben bedeuten: top, left+right, bottom. Die 0 gilt also dem Abstand nach unten (würde nach dem Footer-Div noch ein weiteres Element folgen, wäre die Geschichte mit einem margin: 15px, also für alle Seiten, erledigt gewesen).
Der Kommentar meint nur, dass ich zu faul war, die anderen, hier irrelevanten Styles für das Element dazuzuschreiben ;-)