Reputation: 2866

Set a Footer at the Bottom of the Browser Regardless of Page Height

enter image description here

Div snippet looks as the following:

<div id="footer_wrap">
    <div id="footer-left"></div>
    <div id="footer-middle"></div>
    <div id="footer-right"></div>
</div>

The width of the whole footer is 980px The height of the footer is 124px

I'm using Firefox.

How can i set my footer stuck the bottom of the browser regardless of the height of the page.

Upvotes: 2

Answers (4)

Reputation: 1638

I personally find that this sticky footer is a lot more reliable than css sticky footer:

Upvotes: 0

Reputation: 4916

position: fixed;
bottom: 0;

Example here

Upvotes: 0

Reputation: 4203

use position fixed, this will position relative to the window so that scrolling will not affect where it appears.

   position: fixed;

   bottom: 0;

Upvotes: 0

Reputation: 10485

Upvotes: 2