Fixing the footer to the bottom of the browser

Question

Is there any way we can fix the footer to the bottom of the window even at the time of vertical scroll. I have gone through some examples, but those never work with the vertical scroll.

Answer 1

Refer this

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

Answer 2

I found this interesting article that may help you do it, I believe it's well explained, there's even an example.

Answer 3

Check out the sample and its google code base

Answer 4

Here is your css

html, body {height:100%;padding:0;margin:0;}
#footer {position:absolute;bottom:0;left:0;width:100%;background-color:#f00;}
#scrollingbody {overflow:auto;height:100%;}

Here is your html

<div id="scrollingbody">content goes here</div>
<div id="footer">here is footer</div>