Поддержка → Проблемы и решения → Прижать футер

Прижать футер

  • Решено khusnish

    (@khusnish)


    6 лет, 8 месяцев назад

    Помогите прижать футер, на главной странице все отображается отлично но когда если переходишь на другие страницы из-за недостатки контента футер идёт вверх
    Спасибо!
    Ссылка на сайт https://aaunlock.com/

Просмотр 10 ответов — с 1 по 10 (всего 10)
  • tuxfighter

    (@tuxfighter)

    6 лет, 8 месяцев назад

    footer{
position: absolute;
bottom: 0;
width: 100%;
}
    Автор khusnish

    (@khusnish)

    6 лет, 8 месяцев назад

    Никак не получается все равно ползёт

    Flector

    (@flector)

    6 лет, 8 месяцев назад

    указанного css-кода я у вас на сайте не вижу.

    Автор khusnish

    (@khusnish)

    6 лет, 8 месяцев назад

    Я убрал этот код т.к в мобильной версии оно уж совсем заскочило на место header

    Flector

    (@flector)

    6 лет, 8 месяцев назад

    тогда чего вы хотите то?
    рабочий код у вас есть, но использовать его вы не хотите.

    Автор khusnish

    (@khusnish)

    6 лет, 8 месяцев назад

    так я говорю что вставил код, но никаких изменений не наблюдалось, но в мобильной версии footer заскочил на место header, из-за этого убрал этот код

    Flector

    (@flector)

    6 лет, 8 месяцев назад

    во-первых, такого быть не может.
    код рабочий, я проверил в инспекторе.
    если у вас не работает — значит не так вставили или не обновили кэш в браузере (Ctrl +F5).
    если что-то не так работает в мобильной — то и надо спрашивать про мобильную версию.

    а чего вы сейчас хотите лично мне неясно.
    вам уже ответили, но ответ вас не устроил, хотя он и рабочий.

    Автор khusnish

    (@khusnish)

    6 лет, 8 месяцев назад

    Да действительно код работает: но отображается на главной странице таким образом и моб.версии точно так же Yes

    Flector

    (@flector)

    6 лет, 8 месяцев назад

    извините, ваша правда.
    используйте код:

    
html, body {
  height: 100%;
}
#body-core {
  display: flex;
  flex-direction: column;
  height: 100%;
}
#content {
  flex: 1 0 auto;
}
footer {
  flex: 0 0 auto;
}

    должно работать

    • Ответ изменён 6 лет, 8 месяцев назад пользователем Flector.
    • Ответ изменён 6 лет, 8 месяцев назад пользователем Flector.
    • Ответ изменён 6 лет, 8 месяцев назад пользователем Flector. Причина: поправил код на более адекватный
    • Ответ изменён 6 лет, 8 месяцев назад пользователем Flector.
    Автор khusnish

    (@khusnish)

    6 лет, 8 месяцев назад

    Благодарю вас код заработал на ура. Все устраивает!
    Спасибо вам!

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

Метки темы

Просмотр