Как прижать footer?

Question

[Aladdin]

Нужно footer прижать к нижней части страницы, и чтобы она была также резиновая

Comments

[Дмитрий]

Добрый вечер. Поиском google пробовали пользоваться?

[Aladdin]

slo_nik: да, но это не работает

[Дмитрий]

Mr. Tabrest: Что именно не работает, google или что?

[Aladdin]

slo_nik: не работают способы, которые там описываются, либо я не там искал

[Sergei Nazarenko]

bfy.tw/8u0m

[Sergei Nazarenko]

Mr. Tabrest: dimox.name/press_footer_bottom_with_css

Answer 1

[Ankhena]

Гуглить по запросу "как прижать футер к низу страницы"
Способов много и они там все расписаны.

Если у Вас не получается, выкладывайте код, где видно, что не получается - поможем.

Comments

[Aladdin]

codepen.io/MrTabrest/pen/jVwLJp не знаю, что дальше с foooter'om делать

[Ankhena]

Mr. Tabrest:
Обернуть все в .wrapper (либо стили для wrapper задавать для body)
Все, что не футер обернуть в отдельный div, например, content

.wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.content {
  flex: 1 0 auto;
}
.footer {
  flex: 0 0 auto;
}

[Aladdin]

так он ведь все равно не прижат к нижней части, а я именно этого и не могу получить codepen.io/MrTabrest/pen/jVwLJp?editors=1100

[Ankhena]

Mr. Tabrest: Вообще-то прижат :)

[Ankhena]

Mr. Tabrest: просто body кончилось.

Любой файл стилей правильно начинать с установки 100% высоты для html и body.
А также обнуления для них padding и margin

[Aladdin]

Ankhena W: Спасибо большое.) Получилось

[Ankhena]

Mr. Tabrest: отлично! Приходите к нам еще :)

Answer 2

[Ivan Bogachev]

codepen.io/sfi0zy/pen/rWmNWp

Answer 3

[Shad30]

https://philipwalton.github.io/solved-by-flexbox/d...

Answer 4

[dhat]

Называется Sticky Footer