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

Posted by India Abraham
India Abraham
2,826 Points

Full page background image not expanding full height

If you take a look here: http://trueternalbeauty.com/teb_site_2/responsive-rtl.html you will see a ton of white space right before the footer area, the background image pictured is suppose to enpand the entire page including behind the footer (which I made transparent with a gray tint). I'm really having a rather difficult time with this grid framework and am ready to throw my computer out the window.

2 Answers

Alex Tasioulis
Alex Tasioulis
4,950 Points
Alex Tasioulis
Alex Tasioulis
4,950 Points

Hi India, Remove min-height: 100%; height: 100%; from your css - that should fix it.

Emanuel Bucsa
Emanuel Bucsa
7,697 Points
Emanuel Bucsa
Emanuel Bucsa
7,697 Points

This is what I tried on your page and the background goes on full height. I basically commented out the height: 100%; This is located in your style.css. ``` /* The Magic / background-size:cover; / height: 100%; */

Hope this helped :)