Container am unteren Bildschirmrand

[Foos]

Hallo,

irgendwie will die Platzierung eines Containers am unteren Bildschirmrand nicht funktionieren.
Ich möchte das er immer ganz unten ist. Egal wie groß der Inhalt darüber ist. Er passt sich bis jetzt allerdings immer dem drüberliegenden Container an!

Mein Code:

#footer {
    background-image: url(../images/footerbg.jpg);
    background-repeat: repeat;
    height: 18px;
    bottom: 0px;
    position: absolute;
    display: block;
    left: 0px;
    width: 100%;

Jemand ne Idee?

EDIT:

Also es scheint mir so, als würde der Container schon am unteren Bildrand sein. Sobald man bei der Seite aber Scrollen muss bleibt er da stehen wo er zu Beginn sichtbar war.

 

[AlexanderBo]

AW: Container am unteren Bildschirmrand

position:fixed;
bottom:0px;

width lass ma auf px der breite




//edit axo dachte er soll immer am unteren rand sein ;-)

 

[Foos]

AW: Container am unteren Bildschirmrand

position:fixed;
bottom:0px;

width lass ma auf px der breite

fixed is nich das richtige. da scrollt man ja praktisch in meinen footer hinein. ich möchte das der footer erst sichtbar wird, wenn man ganz nach unten gescrollt hat....

 

[sokie]

AW: Container am unteren Bildschirmrand

 

[Foos]

AW: Container am unteren Bildschirmrand


check ich irgendwie nich. das "push" füllt das auf oder wie oder was?

 

[sokie]

AW: Container am unteren Bildschirmrand

#push ist einfach nur ein leerer Behälter(wie im html zu sehen) der verhindert, dass der Inhalt in den Footer hineinläuft, der ja unterhalb (ausserhalb!) des wrappers notiert ist.
der Wrapper würde mit 100% height, das ganze fenster einnehmen, wenn er nicht unten ein negativies margin hätte, genau in der grösse der footerhöhe.