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 about 7 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 about 7 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 about 7 years ago