Sticky Footer, Five Ways | CSS-Tricks - html footer bottom

Category

How to keep your footer where it belongs ? html footer bottom


For a quick fix, you can absolutely position the footer at the bottom of the page. But this DOCTYPE html> html>

footer { position: fixed; left: 0; bottom: 0; width: %; background-color: red; color: white; text-align: center; } footer"> Footer.

I've developed quite an easy method to stick the Footer at the bottom, but as most common methods html, body{ height%; margin:0; } header{ heightpx;.