Как прибить футер сайта

Главная » Видеоуроки » HTML+CSS » Как прибить футер сайта
В одном из прошлых уроков я рассказывал момент, когда футер (подвал сайта) из-за небольшого количества информации на странице встает сразу после блока основной блока с этой информацией. В результате получается не очень красивая картина.
Думаю ,что не стоит записывать отдельный видеоурок на эту тему, так как для преодоления этой проблемы достаточно добавить несколько строк кода в css файл.

Код урока (CSS)

html, body {
	height: 100%;
}

#content {
	min-height: 100%;
}

Конечно же это не единственный способ. Можно, например, спозиционировать подвал и прибить его, указав нижнюю позицию, как нулевую. Но я считаю, что пример, приведенный выше — универсальнее и не влияет на другие элементы, нежели, как это было бы с позиционированием.

0 Комментариев

Оставить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *


Срок проверки reCAPTCHA истек. Перезагрузите страницу.

Pin It on Pinterest

Share This