Support » Themes and Templates » Make width 100%
4 years, 4 months ago
I’m trying to make the width of my site’s “branding”-area 100% auto, but i am unable to do it somehow.
I am using this code for my site’s footer, and it works fine:
background: none repeat scroll 0 0 #EEEEEE;
border-top: 1px solid #B5B5B5;
margin: 20px auto auto;
padding: 5px 0;
But when i place the same code for the site’s branding, it won’t work.
Try using Firefox with the Firebug add-on for this kind of CSS work.
The header is inside the page div — which has a max-width of 950px. So 100% is 950px.
I am using Firebug.
WPyogi, is it possible to change the width of the header without changing the page div?
Move the header outside of that div.
Ok. I’ll try that.
Yep, as Andrew said. But because of the way your site is structured, that may be a bit complicated – as is, you are using a negative top margin to put the navigation section at the top of the page…
Would it be more simple if I removed the negative margin?
I think it worked… I just have to fix some css things.