Как прижать футер к низу?

Question

Я не как не могу прижать футер к низу. В чем может быть проблема?

При маленьком разрешении экрана он прижат к низу, но когда уменьшаем масштаб страницы он не остается внизу.

#footer {
position:relative;
bottom:0;
width:100%;
}

https://ru.stackoverflow.com/search?tab=votes&q=%20%D0%9F%D1%80%D0%B8%D0%B6%D0%B0%D1%82%D1%8C%20%D1%84%D1%83%D1%82%D0%B5%D1%80%20%5bcss%5d | https://ru.stackoverflow.com/search?tab=relevance&q=%20%D0%9F%D1%80%D0%B8%D0%B6%D0%B0%D1%82%D1%8C%20%D1%84%D1%83%D1%82%D0%B5%D1%80%20%5bcss%5d — Алексей Шиманский, Dec 17 '17 at 14:05

score 0 · Answer 1 · answered Dec 17 '17 at 14:16

0

Незнаю почему min-height: 100%; не действовало.

Решил проблему прописав min-height: 100vh:

body {
    min-height: 100vh;
}

answered Dec 17 '17 at 14:16

Shoxa

score -1 · Accepted Answer · answered Dec 17 '17 at 13:59

-1

Надо прописать абсолютное позиционирования к футеру.

position: absolute;

Но вообще лучше с этим не играться, и перейти в конце концов на flex-box, можно начать с bootstrap 4.

answered Dec 17 '17 at 13:59

Я уже пробовал прописать position:absolute; если я это прописываю то он всегда сверху страницы – Shoxa Dec 17 '17 at 14:02
Пропишите контенту position: relative; – Евгений Иванов Dec 17 '17 at 14:03
Я попробовал но тут уже проблема с body: картинка – Shoxa Dec 17 '17 at 14:09

2 Answers2