Footer внизу экрана.

Здравствуйте.
Знаю, что подобными темами интернет переполнен, но предложенные способы, с которыми я сталкивался, работают не совсем корректно, причём, судя по комментариям, не только у меня. Буду очень благодарен, если кто-то даст ссылку на рабочий метод прикрепления footer'а к низу сайта, либо поделиться самим кодом.

azanor / 4 Грудень, 2011

Коментарі

https://drupal.org/node/554048 там 2 ссылки есть

kolebas / 4 Грудень, 2011 - 16:36

можно посмотреть на этом сайте, открыв его фаербагом, например

orb / 4 Грудень, 2011 - 17:05

HTML div структура

<div id="container">
   <div id="header"></div>
   <div id="body"></div>
   <div id="footer"></div>
</div>

html, body {
   margin: 0;
   padding: 0;
   height: 100%;
}
#container {
   min-height: 100%;
   position: relative;
}
#header {
   background: #ff0;
   padding: 10px;
}
#body {
   padding: 10px;
   padding-bottom: 60px;   /* Height of the footer */
}
#footer {
   position: absolute;
   bottom: 0;
   width: 100%;
   height: 60px;   /* Height of the footer */
   background: #6cf;
}

orb / 4 Грудень, 2011 - 17:07

HTML div структура

Извиняюсь за глупый вопрос, это куда вставлять?

azanor / 4 Грудень, 2011 - 17:31

Всё, дошло, большое спасибо.

azanor / 4 Грудень, 2011 - 21:32

Здається для футера краще не "position: absolute;", а "position: fixed;"

Андрій Ільків / 5 Грудень, 2011 - 22:11