SUBBAY.RU
Вторник, 23.10.2018, 10:18
Вход на сайт

Поиск

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

Мини-чат

Статистика

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


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'а.

Просмотров: 147 | Добавил: Rockfeller
Всего комментариев: 0
avatar
Copyright SUBBAY.RU © 2018
uCoz