I have a footer on this website that is not working according to the customer's wishes.

If you browse in a page that scrolls than the footer will not be pushed to the bottom of the page. Instead, it will stick to the bottom of the window, being displayed on top of other content.

How can I push the footer to the bottom of the page, but stick it to the bottom of the window in case the page does not scroll?

2 answers

danwellman 5600
0
points
This was chosen as the best answer

Is a pure-css sticky footer what you're looking for?

Answered over 6 years ago by danwellman
0
points

how about using position: fixed?

#footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}
    #footer > div {
        margin: 0 auto;
    }
Answered over 6 years ago by Jake Teton-Landis
  • I think he is using position fixed. "it will stick to the bottom of the window, being displayed on top of other content." GaVrA over 6 years ago