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.
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.
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