Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

General Discussion

Stephen Biggs
Stephen Biggs
6,259 Points

Sticky Footer?

Hi, can anyone help?

I keep encountering a problem where my footer doesn't stick to the bottom if the browser i.e. if there is insufficient content above to push it to the bottom of the screen. I've found this to be an issue where I want a splash screen that holds little information.

Research so far has led me to believe its called Sticky Footer, but as a beginner all solutions look quite complex. Can anyone more experienced shed some light on this?


2 Answers

Deleted User

I'm probably not best qualified to answer your question. However, if I remember correctly, there are two methods you can use: a clearfix hack method, an overflow statement method.

I would suggest you read thoroughly through the following:

http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page http://www.cssstickyfooter.com/

Rather than just copying and pasting other people's solutions - try and understand why your footer ISN'T sticking to the bottom. Once you do - the solutions (there are A LOT of them) begin to make much more sense!

Hope that helped a tad!


Stephen Biggs
Stephen Biggs
6,259 Points

Thanks for that Sam

The first link looks quite easy to implement so I'll give it a go tomorrow.