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 Trevor Wood
Trevor Wood
17,828 Points

Extend footer past page width.

Hey guys, I'm trying to have my footer extend across the bottom of the browser. It's being held by the max page width. How can I get around this? or is uploading a repeating image the only way? Responses are Greatly appreciated.

3 Answers

Simon Bowler
Simon Bowler
988 Points

You need to move the footer div outside of the main page wrap <div>

Sounds like the footer is being constrained by its parent <div>

Trevor Wood
Trevor Wood
17,828 Points

Thanks Simon, I thought I had that covered but I not as good as I had hoped.

Brandon Beard
Brandon Beard
9,495 Points
Brandon Beard
Brandon Beard
9,495 Points

Can you send a link?

Trevor Wood
Trevor Wood
17,828 Points
Trevor Wood
Trevor Wood
17,828 Points

My website isn't on the web yet and I'm not really sure how to link it any other way, but an example is Youtube's footer. It expands across the full width of the browser while keeping the content inline.

James Barnett
James Barnett
39,199 Points

This is a great time for using a reduced test case to show us your issue using codepen.io

Trevor Wood
Trevor Wood
17,828 Points

Thanks James, I'll be sure and use this method for future questions.