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

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

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

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

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

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

Вариант с тем чтобы абсолютно позиционировать футер , тоже не очень подходит. При сужении экрана все едет и учитывая что эл-ты добавляются динамически , нужно будет постоянно следить за этим.
Есть ли ещё какие то варианты ?
  • Вопрос задан
  • 880 просмотров
Пригласить эксперта
Ответы на вопрос 7
mr_dev1l
@mr_dev1l
Технический верстальщик
Почему отпадает flex? Вот вам совместимость. так что flex сейчас самый правильный и кроссбраузерный вариант
Ответ написан
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%;
}
Ответ написан
Virall
@Virall
Через минимальную высоту использую функцию calc() и значения vh https://jsfiddle.net/wey7kpbx/2/
Ответ написан
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы
Reklama Guru Санкт-Петербург
от 50 000 до 60 000 руб.
Biganto Москва
от 130 000 до 130 000 руб.
Blogman Оренбург
от 20 000 до 60 000 руб.
17 авг. 2018, в 17:10
15000 руб./за проект
17 авг. 2018, в 16:58
60000 руб./за проект
17 авг. 2018, в 16:55
10000 руб./за проект