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

maya sophie
maya sophie
5,754 Points
Posted by maya sophie
maya sophie
5,754 Points

sticky footer still staying right after main content and not at the bottom of page !

https://w.trhou.se/ve2kn6pr7d..... I followed all step like in the video but it doesn't produce the result teacher gets in the video: footer to stick at the bottom pf the page...any help? thx

PS. I found the mistake...a space between some values!!!... min-height: calc(100vh - 95px) instead min-height: calc(100vh -95px).............uau!

1 Answer

Samantha Atkinson
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Samantha Atkinson
Front End Web Development Techdegree Graduate 40,307 Points
Samantha Atkinson
.a{fill-rule:evenodd;}techdegree seal-36
Samantha Atkinson
Front End Web Development Techdegree Graduate 40,307 Points

Hi Maya,

You have not added a space between the minus sign and 95.2px. You have typed calc(100 -95.2) Which makes it look like you have type an integer number (100) and negative 95.2.In the video Guil has min-height: calc (100vh - 89px); .

Hope that helps.