Kopf- und Fußzeile Css

Ich habe auf Web-Seite Dimensionen untersucht und ich habe mich seitdem auf Raster 960px festgelegt. Allerdings verstehe ich nicht eine Sache auf Kopf- und Fußzeilen. Nehmen Sie zum Beispiel stackoverflow die Kopfzeile, die den Benutzernamen | enthält ausloggen | Chat | meta | über | faq und das Suchfeld.Es läuft Ende an Ende des Browsers.Wie kann ich meinen Header laufen Ende an Ende in CSS ?.Kopf- und Fußzeile Css

Danke.

Quelle

2011-01-17 Gandalf

Sie könnten die Kopfzeile von Stackoverflow mit Firebug überprüfen :) so können Sie sehen, wie es gemacht wird. – BvdVen

+1 Ich kann mich nicht an ein Leben ohne FireBug erinnern – Ross

Wie war das Leben vor Firebug? – benhowdle89

in Ihrem 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; 
}

Dies ist nur die relevanten Bits, nicht der gesamte CSS-Code :)

Quelle

2011-01-17 10:27:16 benhowdle89

Hallo Ben, ich folgte Ihrem Beispiel und googled Breite: 100px und ich hatte Glück, zu nageln, was ich genau danach war. //www.cssgirl.com/resources/2008/06/07/create-full-width-header-footer-with-centered-content-using-css/ – Gandalf

Sie meinten width: 100%, nicht width: 100px didnt Du? – benhowdle89

Meine schlechte, 100%, ich werde es bearbeiten. – Gandalf

960.gs ist nur ein "Entwurf" aus zu arbeiten. Wahrscheinlich ist es besser, die Grundlagen zu erlernen, bevor Sie in ein gitterbasiertes System eintauchen.

SO verwendet nur eine negative Marge:

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

vor einem <div id="header"></div>, die ein 960px breit zentriert div ist.

Quelle

2011-01-17 10:27:56 Ross

Antwort

Verwandte Themen