применение контейнера с фиксированной шириной к текущему веб-сайту?

Question

Я должен исправить сайт, который разработан в html 5 и имеет структурированный тег заголовка, раздела и нижнего колонтитула, установленный непосредственно внутри тега body. Сайт имеет 100% -ное представление о любом разрешении на рабочем столе.

Теперь мне нужно исправить отображение веб-сайта на конкретное разрешение (скажем, 1024 * 768 пикселей). Для этого я создал новый div непосредственно внутри тега body и поместил все вышеперечисленные тэги, т. Е. Заголовок, раздел и нижний колонтитул внутри этого. Я также определил фиксированное значение для ширины в css для вновь созданного div.

Однако сайт по-прежнему отображается на 100% в браузере в разрешении выше 1024 * 768. Хотя я ожидал, что это будет ограничено в пределах указанных измерений на любом более высоком разрешении.

Я проверил внутри css, мое имя класса уникально (применительно к новому div). Хотя класс .wrapper указан как 100%, но не нашел его в любом месте html.

Может кто-нибудь, пожалуйста, помогите мне в этом!

Answer 1

Заголовок, который вы используете на веб-сайте, находится в верхней части страницы, вам не нужно его размещать.

#container { 

max-width: 1200px; 

position: relative; 

margin: 0 auto; 

} 

#header { 

position: fixed; 

top: 0; 

width: 1200px; 

max-width: 100%; 

}