VPF::Как, все же, пржать footer к низу - Форум программистов

K0T9I

Дата 22.11.2009, 18:37 (ссылка)

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

Загрузка ...

Новичок

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

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

style.css

Код


html,body {
  margin:0;
  padding:0;
  background:#fff;
  height:100%;
  position:relative;
}   
html>body {
  min-height:100%;
  height:auto;
}  
#header {
  height:150px;
  background:#4EC3F9;
}  
#footer {
  height:100px;
  background:#4EF9F5;
  width:100%;
  position:absolute;
  bottom:0;
  left:0;
}  
#body {
  padding-bottom:100px;
  background:#A3A3A3;
}

index.html

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru-ru" lang="ru-ru">
  <head>
    <title>Валидная блочная верстка, с footer, всегда прижатым к низу.</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link rel="stylesheet" href="style.css" type="text/css" />
  </head>
  <body>
    <div id="header"></div>
    <div id="body"></div>
    <div id="footer"></div>
  </body>
</html>

почитать подробнее можно здесь http://newwave.su/about/to_web_masters/details_7.html

Hayate

Дата 20.2.2013, 09:37 (ссылка)

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

Загрузка ...

Новичок

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

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

Не совсем понял, чего удаётся добиться этим хаком:

Код


html>body {
  min-height:100%;
  height:auto;
}

Свойства применяются только для body? Или только для body после html? Или применяются везде кроме ie6?

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