Блог Прижимаем футер к низу

Довольно часто мы сталкиваемся с ситуацией, когда на странице мало контента и футер едет вверх. Это чаще всего смотрится некрасиво, да и дизайнера не хочется расстраивать, ведь он же так старался, а мы взяли и все «запороли».

Расскажу Вам о том, как можно очень просто прижать футер к низу страницы.

Заключаем весь контент, кроме футера в блок с id=»content», прописываем для него относительное позиционирование и растягиваем по высоте на весь экран. Ниже, относительно него располагаем блок футера. Важно знать высоту футера, чтобы поднять его вверх на это расстояние.

Вот и все :). Осталось только прописать хак для любимого «ослика» и поставить блок-распорку внизу блока content, чтобы контент в основном блоке не заезжал под футер.

See the Pen qLoBy by Andrey Siaglo (@webmolot) on CodePen.

Поделиться ссылкой на статью:

Предыдущая статья
Следующая статья
-->

Внимание! АКЦИЯ!

Вступите в группу Вконтакте и получите бесплатную консультацию по верстке. Расскажите друзьям про группу и получите 5% скидку на услуги Webmolot.com