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

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

Просмотр 10 ответов — с 1 по 10 (всего 10)
  • footer{
    position: absolute;
    bottom: 0;
    width: 100%;
    }
    

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

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

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

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

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

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

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

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

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

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

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

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

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

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