[Solved] Dealing with footers
# November 24, 2009 at 7:37 pm
OK guys, I’ve had a common issue that I’ve never been able to completely solve:
I have a div labeled footer that I want to stay at the bottom of the page but I want it to move down as content grows. If I position it as fixed content will scroll behind the footer, i if I position it as absolute the footer will show at the bottom of the page but as content grows the content goes behind the footer and the footer scrolls instead of staying attached to the lowest point and moving down with the text. If I use relative the footer has a big gap below it until the content pushes the footer to the bottom of the screen.
I want the footer to stay at the bottom even with no content, once content grows to the point where scrolling is needed the footer moves down with the content. I have never found a good solution to this issue. I’ve tried searching for it but I cant find the best keyword combo.
concept in code:Code:Code:body
background: #ffffff url(images/blue.png) repeat-x top left;
margin: 147px 0 0 0;
background: #ffcf01 url(images/gold.png) repeat-x top left;
This will cause the footer to but up against the content. as content grows the footer moves down. I wan the footer to stay at the bottom until the content fill in the available space then start to move down.
Make sense? Any ideas?# November 24, 2009 at 7:59 pm
I just saw another post from someone working on this. I just searched Google and found there’s a couple people who have claimed to fix this. This one looks like it works well:
http://matthewjamestaylor.com/blog/keep … f-the-page
(I searched for "css footer at bottom of page")
[img]http://www.websitesinaflash.com/images/thumbsup.gif[/img]# November 25, 2009 at 9:00 am
It seems to have a problem though now, my footer will not move down when I have a lot of content.
How on earth do I solve this problem
I used the fix below first
http://ryanfait.com/resources/footer-st … m-of-page/
but that does not seem to help either. I took my footer out of the container for that fix but it still move up when content was less
You must be logged in to reply to this topic.