I'm trying to make a full width header and footer for my theme, which is a child of the twentyeleven theme.
I have tried putting the <header id="branding" role="banner"> above the <div id="page" class="hfeed"> and setting widths in my css, even tried making a container div for the branding to go in to get it to sit centrally. All that seems to end up happening is i get a horizontal scroll bar and the header is offset from the rest of the page.
Anyone offer up any suggestions as to how to style the header to full width. I assume it has to go outside of the page div, otherwise it`ll be continually restricted by the page container width.
I just want the header to be a gray colour all the way across at all resolutions, im sure you know what i mean ;)
Thanks for looking ;)