Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

General Discussion

Stephen Biggs
Stephen Biggs
6,259 Points
Posted by 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?

Thanks

2 Answers

Deleted User
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!

Sam

Stephen Biggs
Stephen Biggs
6,259 Points
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.

Cheers

Stephen