Header, Fußzeile und Körper: Wie können sie die gleiche Breite sind, unabhängig vom Gerät, das zum Öffnen verwendet wird ⇐ CSS

[Guest]

Ich möchte, dass meine Header, Fußzeile und meinen Körper die gleiche Breite sind, unabhängig davon, welche Art von Gerät es zum Öffnen verwendet. herum mit der Größe der Breite in CSS, dass ich es genau richtig machen konnte; Und ich habe es getan. Aber es funktionierte nur auf meinem Computer. Mein Klassenkamerad sagte, als sie mit meinem HTML- und CSS -Code live gingen, war der Header wieder länger als die Fußzeile oder Körper. Genau die gleiche Breite? Ich habe versucht, mit der Breite am Körper sowie mit der Header und der Fußzeile herumzuspielen. Schließlich ließ ich sie mit einer Breite von 96,7% genau die gleiche Breite auf meinem Monitor waren, aber ich wollte sicherstellen, dass es auf dem Computer eines anderen gleich funktioniert. Sie sagten, dass der Kopfzeile am Körper vorbei erstreckte. < /P>

Code: Select all

    html {
height: 100%;
margin: 0; padding: 0; border: 0;
background-image: url(GWU\ Campus.jpg)
}

body {
margin: 0px auto auto auto;
width: 80%;
background-color: white;
font-size: 16px;
}

body > header > nav > ul {
display: block;
width: 96.7%;
background-color: rgb(0, 0, 255);
height: 30px;
}

body > footer > nav > ul {
display: block;
width: 96.7%;
background-color: rgb(0, 0, 255);
height: 30px;
}

body > header > nav > ul > li {
display: block;
width: 14%;
float: left;
font-size: 0.8em;
color: rgb(183, 156, 111);
height: 100%;
text-align: center;
}

body > footer > nav > ul > li {
display: block;
width: 14%;
float: left;
font-size: 0.8em;
color: rgb(183, 156, 111);
height: 100%;
text-align: center;
}

body > header > nav > ul > li > a {
display: block;
width: 100%;
height: 100%;
text-align: center;
color: rgb(183, 156, 111);
text-decoration: none;
}

body > footer > nav > ul > li > a {
display: block;
width: 100%;
height: 100%;
text-align: center;
color: rgb(183, 156, 111);
text-decoration: none;
}

h1 {
font-weight: bold;
color: navy;
font-size: 2em;
font-family: Arial, Helvetica, sans-serif;
}

h2 {
font-size: 1.5em;
font-family: Arial, Helvetica, sans-serif;
}

h3 {
font-size: 1.2em;
font-family: Arial, Helvetica, sans-serif;
}

body {
font-family: Arial, Helvetica, sans-serif;
}