шаблон веб-страницы, где содержимое занимает полную высоту области просмотра, если имеет 1 строку минус нижний колонтитул - PullRequest
5 голосов
/ 20 сентября 2008

Я ищу шаблон веб-страницы на основе css, в котором основное содержимое div занимает полную высоту порта просмотра (минус высота заголовка и нижнего колонтитула), когда в его содержимом мало строк. Нижний колонтитул должен быть в нижней части окна просмотра (вместо того, чтобы находиться прямо под содержимым и вместо показа в середине окна просмотра). Область содержимого должна располагаться вертикально, чтобы соответствовать верхнему колонтитулу. Дело № 1

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

Ссылка на конкретную ссылку или пример кода приветствуется. Не упоминайте сайт шаблонов и попросите меня выполнить поиск там. Должен работать как минимум в IE 6 и FF. Если требуется Javascript, то все в порядке, если браузер не поддерживает JS, по умолчанию он помещает нижний колонтитул внизу области содержимого без нарушения макета.

Эскиз кейса № 1:

--------------   <-----
header area  |         |
-------------|         |
small content|         |   
             |     viewport
             |         |
             |         |
-------------|         |
footer area  |         |
--------------   <-----


all other cases:

--------------   <-----
header area  |         |
-------------|         |
big content  |         |   
             |     viewport
             |         |           
             |         |
             |         |
             |         |
             |    <----      
             |         
-------------|         
footer area  |         
--------------   

Ответы [ 2 ]

2 голосов
/ 20 сентября 2008
1 голос
/ 20 сентября 2008

Поищите "Footer Stick Alt" ... был длинный блог, в котором рассказывалось, как сделать эту работу.

Составлено Камероном Адамсом a.k.a. "Человек в голубом" .

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