There are several tutorials on how to make CSS sticky footers, sticky headers, and sticky sidebars. This is one. There is a working demo to check out.
Remember to compensate at the bottom of your page. If your sticky footer is 75px high, add 80px padding or margin so that the sticky footer doesn't cover the content at the bottom of your page. The 2 main CSS elements for the sticky footer are position: fixed; and bottom: 0px;
The important thing to understand about position: fixed; in a sticky footer is that it's in a fixed position relative to the element or "container" it's in. Continue reading
The post CSS Sticky Footer appeared first on Surfing Success.