Full width footer

Posted on 2012-04-04
Last Modified: 2012-08-14
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?
Question by:AngryHermit
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 3
LVL 30

Expert Comment

ID: 37807755
Can you post a live URL? Are you sure there are no other divs that the footer is sitting inside of?

Author Comment

ID: 37807810
not that i can find, is the site, when i inspect it shows up under body, but no div is labeled body. <---- this is basically what ive done
LVL 30

Assisted Solution

LZ1 earned 500 total points
ID: 37807823
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
Revamp Your Training Process

Drastically shorten your training time with WalkMe's advanced online training solution that Guides your trainees to action.


Author Comment

ID: 37807886
That would do it. Any suggestions for centering body that still allows for the footer to expand both ways?
LVL 30

Accepted Solution

LZ1 earned 500 total points
ID: 37807900
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.

Author Closing Comment

ID: 37807909
Life saver! Ive been messing back and forth but never the right combination, learned a lot on this one. Thank you!

Featured Post

Salesforce Has Never Been Easier

Improve and reinforce salesforce training & adoption using WalkMe's digital adoption platform. Start saving on costly employee training by creating fast intuitive Walk-Thrus for Salesforce. Claim your Free Account Now

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
CSRF session and form tokens never match when using php/AJAX 4 29
toggle content 12 25
boostsrap 1 10
PHP substring 2 12
When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
Learn by example how to specify CSS selectors for Selenium WebDriver test automation software.
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
The viewer will get a basic understanding of what section 508 compliance can entail, learn about skip navigation links, alt text, transcripts, and font size controls.

733 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question