Question

I have researching on web page dimensions and i have since settled on grid 960px. However i don’t understand one thing on headers and footers.Take for instance stackoverflow’s header that houses the username | logout | chat | meta | about | faq and the search box.It runs end to end of the browser.How can i make my header run end to end in css?.

Thanks.

Answer 1

In your css:

#header {
height: 100px;
width: 100%;
background-color: red;
}
#middle {
width: 960px;
margin: auto;
background-color: blue;
}
#footer {
width: 100%;
height: 100px;
background-color: green;
}

This is just the relevant bits, not the entire CSS code 🙂