Как прижать footer к низу страницы WordPress

Admin CSS, WordPress

В интернете можно найти самые разные способы, как прижать низ (footer) страницы. Некоторые из них подходят в одних случаев, другие же пригодны в других. Я привожу свой способ, который я использую в WordPress и который часто меня выручает.

Как прижать низ страницы

Надо к низу футера применить следующий стиль css:

/* Прижимает footer к низу */
#footer {
    margin-bottom: -20px;
    min-height: 20px;
}

#footer — стиль футера отвечающий за самый нижний блок. У вас он может быть назван любым другим стилем.

Если указать height без атрибутов минимум то иногда скролинг на странице вверху и внизу странно себя ведет: скролит не сразу, а с задержкой.

В margin-bottom указываем отступ на ту величину, на которую нужно скрыть область внизу сайта. Не больше. И это же значение добавляем в min-heigth. Важно добавлять одинаковое значение, чтобы всё работало максимально правильно.

Метки:

У сайта нет цели самоокупаться, поэтому на сайте нет рекламы. Но если вам пригодилась информация, можете лайкнуть страницу, оставить комментарий или отправить мне подарок на чашечку кофе.

Добавить комментарий

Напишите свой комментарий, если вам есть что добавить/поправить/спросить по теме текущей статьи:
"Как прижать footer к низу страницы WordPress"