Footer absolute bottom scroll problem

[cprescott1972]

Hello. Not sure if this is enough info...
I am trying to have a footer appear at the page bottom. The issue really is for pages that don't have much content and then the footer is half way down the page. I'd prefer it to appear right at the bottom.

Problem is that this appears at the bottom (Great!) but if you resize or scroll then the footer moves up the page. So it's like it's calculating the browser size and then placing it at the bottom of that rather than really putting it at the bottom of the page.

I am sure there is an easy fix for this. Anyone? ...

#footer {
bottom: 0;
position: absolute;
background-color: #333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #999;
width: 751px;
text-align: center;
padding: 5px;
word-spacing:3px;
}

[jelle76]

ehm.. I am not sure how elegant this solution is..
How about adding the content to a wrapper with a margin-right: 1px;
Then next to it you have a spacer div width: 1px height: 95%;

The footer you make width: 100%; and the spacer should push the footer to 95% from the top. If the content is longer, the content of course pushes the border lower.

J.