[Solved] Footer Stays in the Bottom of Viewport

*EDIT*If someone indeed can fix my predicament so it works 100% and in all main browsers I would love to make a small $5.00 donation to the red cross for the Haitian relief effort as a small token of my thanks.

I know this is a question that gets asked every once in a while, but I want you to know that I’ve spent 4-5 hours on this ONE problem now and seemingly tried everything but nothing is working. (It’s 2:55AM as I’m writing this)

As you can see, the footer (which I’ve colored green for your viewing pleasure) is stuck at the bottom of the viewport despite my best efforts to get it to the very bottom of the page. I’ve tried adding and commenting out elements from my design, worked the CSS a thousand different ways, but no luck.

I can’t tell you how grateful I would be if someone could help me out here with the offending CSS and/or HTML. I thought this would be something that would be incredibly easy to do, but it’s turned into a nightmare! Please help! :cry:

Tips

What now? I have some ideas for you.

Go explore CodePen!

As a front end designer and developer, you should have an account on CodePen so you can save your snippets, present your ideas, and engage with other front end folk. I'd encourage you to go PRO as well, to unlock the full power of CodePen.

Get the newsletter!

You should sign up for the CSS-Tricks newsletter. It's a clean copy of all the blog posts each week, combined together, right to your inbox. If email isn't your thing, there is an RSS feed, iTunes, and lots of other ways to subscribe.

Listen to ShopTalk!

Subscribe to The Lodge!

The Lodge is a members-only, ad-free video learning area here on CSS-Tricks. Just like the free screencasts, but organized into four large complete series. Membership is also the #1 best way to support CSS-Tricks.

We can do the real footer now.

Site Links

Colophon

CSS-Tricks* is created, written by, and maintained by Chris Coyier. It is built on WordPress, hosted by Media Temple, and the assets are served by MaxCDN. The fonts are Source Sans and Source Code Pro. It is made possible by viewers like you who subscribe to The Lodge and through advertising for products and services I like.