Box komplett nach unten positionieren

[SchokoBrunnen]

Hi,

ich habe eine kleine Box, besser gesagt einen Footer aber er positioniert sich leider nicht dorthin wo er hinsoll. Er soll direkt unten sein, und das immer! Es geht aber nicht. Das kann man hier ganz gut sehen, es bleibt einfach in der Mitte stehen, obwohl es ganz unten sein sollte.

Hier mal ein Link, wo dies der Fall ist:

HabbEvent

CSS:

/* Footer */
#footer {
background: url('../images/footer_bg.png');
width:100%;
height:101px;
margin-left: auto;
margin-right: auto;
padding: auto;
color:grey;
font-size:0.8em;
position:relative;
bottom:0px;
}

 

[Programmierer2013]

Hast du es mal ohne position:relative; probiert ? Oder mit postion:fixed; ?

http://de.selfhtml.org/navigation/css.htm#positionierung

 

[SchokoBrunnen]

Geht dann auch nicht.

 

[Tronjer]

Du suchst nach "sticky footer".

 

[SchokoBrunnen]

Jetzt ist das Problem, dass man den unteren Teil der Seite nicht sieht, weil dort der Footer zu sehen ist.

Siehe hier:
http://schokosprojekte.bplaced.net/index.php?page=6&thread=63#post64