Как поставить футер ниже всего контента на странице?

Question

[aquapendente]

Всем привет. Я подключаю футер из отдельного PHP-файла после всего контента страницы:

<?php include 'elements/footer.php'; ?>

Правильно работает на десктопной версии сайта:


Неправильно на мобильной:


Тоесть футер просто заходит на контент, как это исправить?

Comments

[Антон Литвиненко]

с помощью CSS

[aquapendente]

Антон Литвиненко, Как именно?

[Froggyweb]

mrsakura52, зависит от разметки страницы и применённых стилей :)

Answer 1

[Rst0]

Как именно?

к примеру, абсолютно позиционировать и сделать отступ у body на высоту футера

html{
      --footer-height : 50px;  /* высота футера*/
}
body{
     position:relative;
     padding-bottom: var( --footer-height );
}
footer{
    position: absolute;
    bottom: 0;
    min-height:  var( --footer-height );
}

более точно ответить невозможно, т.к. нет примера вашего кода по какой-то причине.

Comments

[Антон Литвиненко]

это вы написали такой хак еще с дофлексовых времен)

[Rst0]

Антон Литвиненко, да))
Но как прибить футер в конкретном случае... Вдруг там grid или (прости господи) таблица

[aquapendente]

Rst0, спасибо, помогло. была еще проблема: футер постоянно прилипал к низу окна браузера, но я ее уже решил