Задать вопрос
jack_azizov
@jack_azizov
javascript

Как адаптивно и кросбраузерно прижать футер к низу экрана?

Здравствуйте.

Подскажите пожалуйста как с поддержкой андроида 4.2 , т.е. кроссбраузерно прижать футер к низу экрана ?

Почитал варианты что выдал поиск, но так и не нашёл подходящий.

Есть небольшие нюансы :
- сайт адаптивный и эл-ты могут добавляться на него динамически.

Вариант с flex'ами отпадает , т.к. нет поддержки.

Вариант с тем чтобы абсолютно позиционировать футер , тоже не очень подходит. При сужении экрана все едет и учитывая что эл-ты добавляются динамически , нужно будет постоянно следить за этим.
Есть ли ещё какие то варианты ?
  • Вопрос задан
  • 1632 просмотра
Комментировать
Подписаться 11 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 7
mr_dev1l
@mr_dev1l
Технический верстальщик
Почему отпадает flex? Вот вам совместимость. так что flex сейчас самый правильный и кроссбраузерный вариант
Ответ написан
2 комментария
2 комментария
AndrewHaze
@AndrewHaze
Умею гуглить яндексом 
<div class="wrapper">
  <div class="content">
  </div>
  <div class="footer">
  </div>
</div>


* {
  margin: 0;
  padding: 0;
}
html,
body {
  height: 100%;
}
.wrapper {
  display: table;
  height: 100%;
}
.content {
  display: table-row;
  height: 100%;
}
Ответ написан
2 комментария
2 комментария
65536
@65536
Пережил дофлексовые времена с вот этим csstemplater.com
Ответ написан
Комментировать
Комментировать
@Atlllantis
position: fixed
Ответ написан
Комментировать
Комментировать
xmoonlight
@xmoonlight
https://sitecoder.blogspot.com
вот пример
Ответ написан
Комментировать
Комментировать
daemonhk
@daemonhk
ПсиХоПат
https://codepen.io/anon/pen/vdRvqq

В классе container может быть любой контент
Ответ написан
Комментировать
Комментировать
Virall
@Virall
Через минимальную высоту использую функцию calc() и значения vh https://jsfiddle.net/wey7kpbx/2/
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
summer • Ярославль
от 100 000 до 140 000 ₽
Junior JavaScript Developer
КРАФТТЕК • Санкт-Петербург
от 60 000 до 80 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Английская версия для сайта на WordPress
20 апр. 2024, в 03:34
8000 руб./за проект
Доработать клиентское приложение для GTA 5 на C#
20 апр. 2024, в 00:51
1000 руб./за проект
Верстка и логика формы выбора билетов в зале для покупки
20 апр. 2024, в 00:43
10000 руб./за проект
Ещё заказы