Как создать HTML-страницу CSS с заголовком, нижним колонтитулом и содержимым
Страница состоит из 3 частей.
Заголовок, который имеет неизвестное содержимое во время разработки, поскольку он заполняется текстом во время выполнения. Должен отображаться весь текст, без полос прокрутки (я думаю, что
height: 100%делает это)Контент, контент должен заполнять страницу от нижней части верхнего колонтитула до верхней части нижнего колонтитула. если в содержании есть больше текста, который можно показать, тогда должны быть доступны полосы прокрутки.
Нижний колонтитул. Нижний колонтитул должен иметь высоту
25pxи всегда находиться внизу области просмотра.
Окно является всплывающим, и в нем никогда не должно быть полос прокрутки, его размер можно изменять, но нет полос прокрутки. Полосы прокрутки содержимого должны быть единственными доступными.
При изменении размера окна область содержимого должна изменяться, но нижний колонтитул остается прежним, то есть фиксируется по низу.
Ширина будет 100%.
Отредактируйте свой пост и задайте вопрос. Это не сайт, на котором "сделай все это для меня сейчас". Мы можем помочь с вашими проблемами, но вы должны сообщить нам, в чем вам нужна помощь.
Дайте ему время осознать свою ошибку, прежде чем закрыть ее.
Его можно редактировать, пока он закрыт ... Я не вижу пользы от того, что это открытый вопрос ... Тем более, что это не вопрос.
да ладно, ребята ... на этот не вопрос есть очень простой "экстрасенсорный ответ". Отказ от ответа - это просто педантизм. Представьте, что я говорю своей сестре: «Я не принес свои часы» ... правильный ответ: «Сейчас 9:30»
Итак, «экстрасенсорный ответ» - «изучить CSS»?
Я бы попросил плакат хотя бы попробовать его в CSS; в противном случае закройте вопрос, пока он не ответит.
@Oli: да, точно так же, как мы отвечаем на все вопросы новичков: «научись программировать kthx, вернись позже»
Да ладно, ребята - мне кажется, что «попробуйте в CSS» - это недальновидный комментарий, учитывая, что то, что явно пытается достичь исходный OP, нельзя сделать напрямую с помощью CSS. Предпоследний абзац, очевидно, можно трактовать как вопрос. Дайте парню передохнуть.
Ответы 2
Заголовок: не указывать высоту. Div автоматически изменяет размер в соответствии с высотой их содержимого.
Контент: укажите margin-bottom: 25px, чтобы не перекрывать нижний колонтитул.
Нижний колонтитул: положение: фиксированное; высота: 25 пикселей
Вам нужно будет изучить способы имитации положения: исправлено для IE <7. см., Например,
Как заставить плавающий нижний колонтитул прилипать к нижней части области просмотра в IE 6?
Это может быть головной болью, если вы хотите, чтобы нижний колонтитул был внизу окна. Единственный способ, который я нашел, чтобы сделать это и заставить его работать в разных браузерах, - это использовать ужасный макет таблицы - и, прежде чем я откусил себе голову, макеты таблиц осуждаются - большое время.
Позиционировать верхний колонтитул и контент легко ... но, насколько мне известно, пока не нижний колонтитул, я нашел только 2 способа позиционирования нижнего колонтитула внизу окна (в отличие от нижнего колонтитула). документа, который может находиться на полпути к окну для коротких документов), 1 использует Javascript для ссылки на Window.Height, а другой использует таблицы (неодобрительный, но простой способ сделать это).
До сих пор я еще не видел CSS, который надежно делает это во всех браузерах. Мне было бы очень интересно увидеть CSS, который делает это ...
Гм, звучит хорошо ... был вопрос?