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 andy fre
andy fre
Courses Plus Student 723 Points

STICKY FOOTER

First of all, great course, really to the point. Thank you.

I am having a little issue with the stick footer. It shows half of the footer with a little scrolling. Really can't figure out what's happening. How can I send you the code? Hope you can help.

Thanks

Krzysztof Kucharzyk
.a{fill-rule:evenodd;}techdegree
Krzysztof Kucharzyk
Front End Web Development Techdegree Student 4,005 Points

Just copy and past it here

andy fre
andy fre
Courses Plus Student 723 Points

I have solved it. there was a little mistake, thanks!

Iain Simmons
Iain Simmons
Treehouse Moderator 32,305 Points

Hi andy fre, can you share your code and solution here so others who have a similar issue can see how you solved it?

2 Answers

carl101
carl101
12,815 Points
carl101
carl101
12,815 Points

I aslo had a little scrolling. Seems like adding overflow: auto; to the .container helped!

andy fre
PLUS
andy fre
Courses Plus Student 723 Points
andy fre
andy fre
Courses Plus Student 723 Points

I managed to solve it with fixed positioning. I would love to see the viewport height method as it isn't working for me. Here's the code.

http://codepen.io/Drew69/pen/KVpLOe

Thanks in advance ;)