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

CSS CSS Layout Basics Getting Started with CSS Layout Creating a Sticky Footer

Posted by Tony Brackins
Tony Brackins
28,766 Points

Sticky Footer

Did the sticky footer work for anyone?

It seems pretty straight forward but didn't work for me...

2 Answers

Steven Parker
Steven Parker
231,269 Points
Steven Parker
Steven Parker
231,269 Points

You might want to check with Can I Use to see if the features this requires (like "calc") are supported in your browser version.

Other than that, look for typo's (that usually explains most of my own unexpected results).

Jeremiah Shore
Jeremiah Shore
31,168 Points
Jeremiah Shore
Jeremiah Shore
31,168 Points

Thanks for the tip. I noticed this issue when I was testing a problem with calc in another broswer—it doesn't quite calculate correct in chrome on PC without overflow:auto. Turns out I have Safari 5.1.7 installed, and that's because I never use it lol. Still, good to know!

Alan Guilfoyle
Alan Guilfoyle
10,875 Points
Alan Guilfoyle
Alan Guilfoyle
10,875 Points

Also it helps to delete your browsers cookies and cache. Or at least that helps a lot of the times for me (and in this situation when the sticky footer wasn't working in Chrome)