Subbay.ru
Четверг, 23.11.2017, 17:10
Мини-чат

Вход на сайт

Архив записей

Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Главная » 2016 » Июнь » 10 » Фиксированный footer
18:16
Фиксированный footer

Самый простой способ для фиксации footer'а — это фиксация footer'a с заданной высотой.
Для этого вам потребуется создать блок со 100% высотой, где будет находится весь материал сайта, и после него создать блок с footer'ом. В footer'е нужно прописать стиль margin-top и задать значение, равное высоте этого элемента.

CSS

html, body {margin:0;padding:0;width:100%;height:100%;}
#content {position:relative; min-height:100%;height:auto !important;height:100%;}
#content .empty {height:100px; }
#footer {position:relative; margin-top:-100px; height:90px; width:100%;}

HTML

<div id="content">
 <h1>Прижимаем футер к низу страницы</h1>
 <div class="empty"></div>
</div>
<div id="footer"></div>

Див с классом empty нужен для корректной работы во всех браузерах. Высота этого элемента (свойство height) должна совпадать с высотой footer'а.

Просмотров: 18 | Добавил: Rockfeller
Всего комментариев: 0
avatar
Бегущая строка в HTMLWWW.SUBBAY.RU
Copyright Subbay.ru © 2017
uCoz