Full width footer

I am trying to change my twenty eleven (child theme) footer to be full width in the browser, I moved my </div><!-- #page --> above <footer id="colophon" role="contentinfo"> in my footer.php and ensured that #colophon width is set to 100% in the css, body padding is 0, but footer will not expand, this is a child theme, any ideas?
AngryHermitAsked:
Who is Participating?
 
LZ1Connect With a Mentor Commented:
You really wouldn't want to center the body. Instead use the #page id and add margin:0 auto.  That should do it. Just make sure to keep the footer outside of it like it is now.
0
 
LZ1Commented:
Can you post a live URL? Are you sure there are no other divs that the footer is sitting inside of?
0
 
AngryHermitAuthor Commented:
not that i can find, carlosparra.com/ryans is the site, when i inspect it shows up under body, but no div is labeled body.
http://wordpress.org/support/topic/full-width-footer-twentyeleven-child <---- this is basically what ive done
0
Get 10% Off Your First Squarespace Website

Ready to showcase your work, publish content or promote your business online? With Squarespace’s award-winning templates and 24/7 customer service, getting started is simple. Head to Squarespace.com and use offer code ‘EXPERTS’ to get 10% off your first purchase.

 
LZ1Connect With a Mentor Commented:
I see. On line 73 of your style.css your body has a max-width of 85em.  You'll have to remove that in order to get the full width of the page/window
0
 
AngryHermitAuthor Commented:
That would do it. Any suggestions for centering body that still allows for the footer to expand both ways?
0
 
AngryHermitAuthor Commented:
Life saver! Ive been messing back and forth but never the right combination, learned a lot on this one. Thank you!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.