While on some of my pages the footer sticks correctly to the bottom of the page, here are some examples on how it sometimes floats several pixels above the bottom of the page.
Right know the footer is set to a relative position. I tried absolute, but the footer just disappears. If I fix it at the bottom of the page, the footer appears at the bottom of the page ALL the time (instead of showing just at the end of the scroll).
How can I fix it to the bottom? With no gap?
Published site gap between the footer and the bottom of the page:
Thank you, Elvira! The thing is that I don’t wish the footer to be fixed at the bottom all the time, but I do want it fixed to the bottom once I’ve scrolled the site to the bottom.
Right know, when I publish my site, sometimes the footer isn’t fixed to the bottom, but an awkward white gap appears between the footer and the bottom of the site.
Okay, I think I solved the issue by adding more content to the page. It seems that the height of the page (the only one on the site that didn’t need scrolling) was not enough to push the footer to the bottom.
That does make sense. When the page is less filled with content than 100% height it can create issues, based on how you create your design.
I thought you wanted the footer to be more of a nav bar to be shown in screen the whole time, so I understood it incorrectly. Glad you made your own fix