Поддержка Проблемы и решения Проблемы с прижатием футера к низу страницы

  • Всем доброго времени суток

    Из-за нехватки контента на некоторых страницах футер задран к середине страницы, решил попробовать прижать его своими силами. Нагуглил пару-тройку статей, где разбираются методы для этого дела. Остановился на табличном методе — вроде как все удобно и красиво выходит с ним, если сайт адаптивный. Но в итоге что-то не срослось: либо неправильно оформил, либо не туда все это вставил (второе, скорее, больше).

    Метод использовал с этого ресурса: https://impuls-web.ru/kak-prizhat-futer-k-nizu-stranicy -4-тый по счету.

    В качестве основы таблицы использовал блок сайта с классом elegantwp-outer-wrapper-full. Не уверен в правильности выбора: до конца не понимаю, как работает этот табличный метод и что нужно взять за основу таблицы — всю страницу сайта (футер, хедер, любые бары и пр.) или только блоки с контентом и сайдбарами?

    Скрины, как и где использовал CSS код:https://ibb.co/d0x642G, https://ibb.co/hWMj30V

    Также в других методах видел, как ид/классы блоков сайта указывают еще в каких-то html файлах, называя код CSS — подготовительным началом. Так и не понял в итоге: всегда специально добавлять код нужно куда-то еще, или же так выполнялись конкретные методы?

    В этом всем Веб деле — чайник-чайником, про существования блоков в WP узнал чуть ли не вчера, поэтому, просьба к форумчанам помочь, объяснив максимально казуально (на сколько это вообще возможно) или хотя бы подсобить линками на ресурсы, где есть ответы на эти вопросы

    • Тема изменена 4 года назад пользователем aleks2452575.
    • Тема изменена 4 года назад пользователем aleks2452575.
    • Тема изменена 4 года назад пользователем aleks2452575.
    • Тема изменена 4 года назад пользователем Yui. Причина: email removed
Просмотр 1 ответа (всего 1)
  • Попробуй…

    .site {
    min-height: 100vh;
    position:relative;
    padding-bottom: 100px;
    box-sizing: border-box;	
    }
    
    .site-footer {
    position: absolute;
    bottom: 0;
    width: 100%;	
    }

    Учитывая что site-footer внутри site.

Просмотр 1 ответа (всего 1)
  • Тема «Проблемы с прижатием футера к низу страницы» закрыта для новых ответов.