i don't understand how to get this div fixed to the bottom of the browser

Martin_Man · 30 Aug 2009 at 20:39

Right, there isn't anything special about this page as i am only teaching myself but, If you look, the green background is supposed to fit at the bottom of the browser but if you scroll down its not fixed, here is the page for you to look at.

and here is an example of the codes

#footer
{
width: 100%;
position: absolute;
bottom: 0px;
left: 0px;
height: 148px;
background-color:#090
}

<div id="footer">text here</div>

can someone please correct me???

Thanks

mr.sly · 30 Aug 2009 at 21:07

Have a look here, it will show you what's missing and how it works.

http://limpid.nl/lab/css/fixed/footer

Martin_Man · 30 Aug 2009 at 22:12

Sorry my mistake, what i meant was i don't want it fixed onto the browser so when you scroll it stays at the bottom of the screen. I would like for it to be fixed at the bottom of the page so when you scroll and get to the bottom that box would appear. If you understand?

Russinating · 30 Aug 2009 at 23:22

You want the position to be fixed rather than absolute.

Code:

#footer {
bottom:0px;
position:fixed;
}

Done