html - Fixed Width Body but Different Header width -

html - Fixed Width Body but Different Header width -

i have body of fixed width 980px; want header , footer have total width 100% of window. please suggest me how it.

body { position: relative; background-color: #fff; width: 980px; margin: 0 auto; } .header { width: 100%; }

i want header ignore width of body.

you should work additional container div instead. this:

html

<div class="header"></div> <div class="container"></div> <div class="footer"></div>

css

.header { // here } .container { background-color: #fff; width: 980px; margin: 0 auto; } .footer { // here }

html css