Заголовок, нижний колонтитул и тело: как заставить их быть такой же шириной независимо от устройства, используемого для ⇐ CSS

[Anonymous]

Я хочу, чтобы мой заголовок, нижний колонтитул и тело - та же ширина независимо от того, какое устройство используется для его открытия. < /p>
Сначала я подумал, что если я сыграл вокруг размера ширины в CSS, что я мог бы получить это правильно; И я сделал. Но это работало только на моем компьютере. Мой одноклассник сказал, что когда они выйдут в эфир, используя мой код HTML и CSS, что заголовок был еще раз длиннее нижнего колонтитула или тела. < /P>
Как я могу сделать так, чтобы они всегда Точно же ширина? Я пытался поиграть с шириной на теле, а также с заголовком и нижним колонтитулом. В конце концов я заставил их быть такой же шириной на моем мониторе по ширине 96,7%, но я хотел убедиться, что это будет работать так же на чужом компьютере. Они сказали, что заголовок простирался мимо тела. < /P>

Код: Выделить всё

html {
height: 100%;
margin: 0; padding: 0; border: 0;
background-image: url(GWU\ Campus.jpg)
< /code>
} < /p>
body {
margin: 0px auto auto auto;
width: 80%;
background-color: white;
font-size: 16px;
< /code>
} < /p>
body > header > nav > ul {
display: block;
width: 96.7%;
background-color: rgb(0, 0, 255);
height: 30px;
< /code>
} < /p>
body > footer > nav > ul {
display: block;
width: 96.7%;
background-color: rgb(0, 0, 255);
height: 30px;
< /code>
} < /p>
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;
< /code>
} < /p>
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;
< /code>
} < /p>
body > header > nav > ul > li > a {
display: block;
width: 100%;
height: 100%;
text-align: center;
color: rgb(183, 156, 111);
text-decoration: none;
< /code>
} < /p>
body > footer > nav > ul > li > a {
display: block;
width: 100%;
height: 100%;
text-align: center;
color: rgb(183, 156, 111);
text-decoration: none;
< /code>
} < /p>
h1 {
font-weight: bold;
color: navy;
font-size: 2em;
font-family: Arial, Helvetica, sans-serif;
< /code>
} < /p>
h2 {
font-size: 1.5em;
font-family: Arial, Helvetica, sans-serif;
< /code>
} < /p>
h3 {
font-size: 1.2em;
font-family: Arial, Helvetica, sans-serif;
< /code>
} < /p>
body {
font-family: Arial, Helvetica, sans-serif;

}

Подробнее здесь: https://stackoverflow.com/questions/794 ... ess-of-dev