I have a simple 2-column layout with a footer that clears both the right and left div in my markup. My problem is that I can't get the footer to stay at the bottom of the page in all browsers. It works if the content pushes the footer down, but that's not always the case.
Html – How to get the footer to stay at the bottom of a Web page
cssfooterhtmlsticky-footer
Related Topic
- CSS to make HTML page footer stay at bottom of the page with a minimum height, but not overlap the page
- Javascript – How to modify the URL without reloading the page
- Html – Expand a div to fill the remaining width
- Javascript – Get the size of the screen, current web page and browser window
- Html – How to disable the resizable property of a textarea
- Css – Make div stay at bottom of page’s content all the time even when there are scrollbars
Best Answer
To get a sticky footer:
Have a
<div>
withclass="wrapper"
for your content.Right before the closing
</div>
of thewrapper
place the<div class="push"></div>
.Right after the closing
</div>
of thewrapper
place the<div class="footer"></div>
.