VPF::Footer - Форум программистов

WantedFan

Дата 23.7.2008, 14:01 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 45
Регистрация: 5.7.2008

Репутация: нет
Всего: нет

привет всем.
Как сделать что-бы положение фуутера было в самом низу. А то при изменении размера контента фуутор то вниз то вверх,а это не есть хорошо.

NDenis

Дата 23.7.2008, 14:09 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 317
Регистрация: 14.12.2007

Репутация: 8
Всего: 8

Самый простой, на мой взгляд, способ:

Код


/* -==Каркас==- */
* {
 margin:0; padding:0;
 }
html, body {
 height:100%;
 }
body {
 font:62.5%/1.4 Verdana, sans-serif;
 height:100%;
 }
#main {
 height:100%;
 margin-bottom:-5em;
 min-height:100%;
 min-width:1000px;
 }
html>body #main {height:auto;}
#clear {
 clear:both;
 height:5em;
 }
#header, #content, #footer {
 width:100%;
 }

/* заголовок */
#header {
 background:#bcb;
 height:100px;
 }

/* центральная колонка */
#center {
 width:100%;
 }

/* подвал */
#footer {
 background:#bcb;
 height:5em;
 }

/* -==Основные стили==- */
.content {
 font-size:1.2em;
 padding:7px;
 }

Код


<div id="main">
 <div id="header">
  <div class="content">Header</div>
 </div>
 <div id="center">
  <div class="content">Content Column<br />Content Column<br /></div>
 </div>

 <div id="clear"></div>
</div>

<div id="footer">
 <div class="content">Footer</div>
</div>

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »