My blog doesn’t have a sticky footer and I want one. When my content isn’t long enough the footer likes to come up from the bottom of the browser. Not cool. Ryan Fiat’s CSS Sticky footer is a simple and effect way to implement sticky footers on your WordPress blog. Googling “sticky footer” I noticed though that there’s a new method being used to implement a sticky footer without the use of an empty ‘push’ div. Great! We will be using the new CSS sticky footer method to implement a footer that stays at the bottom on all browsers.
Implementing a sticky footer can seem a bit tricky, but we’ll clear things up for your in this article. Googling the topic brings up a gazillion listings of creative ways people are making footers stick to the bottom of the browser. Some are better than others, but I’ve found that using Steve Hatcher’s CSS Sticky Footer (a very similar sticky footer to Ryan Fiat’s). Kinda an off topic note, but I also noticed that his site CSS Sticky Footer has been higher ranked than Ryan’s… does that mean his method is better? Hmm, well… no empty ‘push’ div makes me think so. Ok, Let’s get started!