En-tête et pied de page Css

Question

J'ai des recherches sur les dimensions de la page Web et je me suis depuis installé sur la grille 960px. Cependant, je ne comprends pas une chose sur les en-têtes et les pieds de page. Prenez par exemple l'en-tête de stackoverflow qui contient le nom d'utilisateur | se déconnecter | discuter | méta | à propos de | faq et la boîte de recherche.Il fonctionne de bout en bout du navigateur.Comment puis-je faire de mon en-tête couru à la fin en css ?.

Merci.

Answer 1

Dans votre 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; 
} 

Ceci est juste les bits pertinents et non l'intégralité du code CSS :)

Answer 2

960.gs est juste un "plan directeur" pour travailler. Probablement préférable d'apprendre les bases avant de plonger dans un système basé sur la grille.

utilise SO juste une marge négative:

#custom-header { 
    background-color: #EEE; 
    height: 31px; 
    margin-bottom: -31px; 
} 

devant un <div id="header"></div>, qui est une div 960px large centrée.