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 Framework Basics Build a Website with Bootstrap Adding the Video Modal and Footer

Posted by monica soto
monica soto
266 Points

Footer extend height

I need to extend the height bottom size to all the screen for a <div>. I have tried using height: 100% but doesn´t extend, it work with width:100%, but not height. Is there another metod so it extend as far as I extend my browser window?

1 Answer

Zachary grace
Zachary grace
6,682 Points
Zachary grace
Zachary grace
6,682 Points

Setting the bottom property to 0 should position you footer at the bottom of your page regardless of how far extended you have it. This is a simple css example that works for me. Hope this helps!

display: inline-block; position: absolute; bottom:0; width: 100%; /* You can also try min-width:100%;*/ background-color:#FF6600; height:70px;