problems with coding sticky footer

Report · Mar 23, 2023

I just updated my first website, which was a combo of bootstrap and my own coding. I updated the footer in the template to include favicons and a background color. I used CSS and flexbox to position my text with the favicons. Everything looked fine until I realized that the footer was only "sticky" when there was alot of content on the page. In the emptier pages, the footer floats to the top.

good page: https://www.drct.com/

not good: https://www.drct.com/search.html

I tried adding a footer class called "footer-main", toggling the position..absolute, relative, fixed, etc. That worked with one page, but not with the other. I actually did figure this problem out on my other website, but that was a different design without bootsrap. Is there any quickfix, without messing up the entire website? Is there a bootstrap footer class that will do some magic? Please excuse my coding. This was my first website from a year ago. The footer styles are mostly in "footer.css". Thanks for any feedback.

Report · Mar 30, 2023

It just started to work, out of the blue. no idea why. Problem solved.

By @default0vaokg78cv42

If it started to work out of the blue then that is probably down to a browser cache issue. Most likely the browser was delivering you an older verison of the page from its memory before you updated the code.

Report · Mar 30, 2023

Makes sense. looks so much better now.