Ширина заголовка на весь экран, но фиксированная ширина тела в html5 и css3 - PullRequest
0 голосов
/ 12 марта 2011

это довольно сложно объяснить. Я смотрю на создание сайта в HTML5 и CSS3. У меня есть раздел, который я хочу, чтобы иметь всю ширину экрана компьютера пользователя с высотой 80 пикселей.

У меня есть контейнер, который содержит тело веб-сайта и должен удерживать нижний колонтитул нажатым в нижней части веб-страницы, а если текста недостаточно для заполнения экрана, нижний колонтитул располагается внизу окна. , Однако контейнер не заполняет весь экран, его ширина составляет 1024 пикселя. Это прекрасно работает, если я удаляю заголовок раздела с веб-страницы.

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

Как настроить контейнер на 100% высоты, чтобы нижний колонтитул всегда сдвигался вниз, но удалялись лишние 80 пикселей от заголовка.

Спасибо за любую помощь, вы можете предоставить

1 Ответ

0 голосов
/ 16 марта 2011

Это работает для меня, но вам все равно придется адаптировать эти 80px.

html, body, section # page1 {height: 100%;}

В следующий раз покажите, что вам удалось, возможно.Удачи.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...