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

Question

[Ivan Ivanovich]

Здравствуйте. Не могу прибить футер к низу страницы. Дело в том, что на сайте элементы раскрываются и закрываются, из-за чего футер скачет, посмотрите пожалуйста в чём проблема - https://jsfiddle.net/7hpzbvao/ .

Answer 1

[ReActor Дмитрий Вершанский]

footer{
  background: #212121;
  cursor: default;
  color: #fff;
  position: absolute;
  left:0;
  right: 0;
  bottom: 0;
  transform: translateY(350px);<code lang="css">

</code>

Comments

[Ivan Ivanovich]

Дмитрий , Спасибо большое! Подскажите ещё пожалуйста, как отменить повторение картинки, задавал no-repeat, но не помогло.

[ReActor Дмитрий Вершанский]

Ivan Ivanovich, речь о фоновой картинке?
background-repeat: no-repeat;

[Ivan Ivanovich]

Дмитрий, Точнее оно просто обрезается, остаётся белая полоса.

[Ivan Ivanovich]

Дмитрий,

[ReActor Дмитрий Вершанский]

решает совокупность свойств:

.block {
background-image: url('путь до изображения');
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}

[ReActor Дмитрий Вершанский]

тому блоку к которому вы применяете фоновое изображение задайте height: 100vh;

[Ivan Ivanovich]

Дмитрий, Задал эти свойства, а белое пространство ещё больше стало. Подскажите пожалуйста, чтобы сделать резиновое изображение какое свойство нужно задать?

[ReActor Дмитрий Вершанский]

Пришлите мне скриншот того что должно получится или макет-дизайн, я вам с нуля лучше сделаю

[Ivan Ivanovich]

Дмитрий, Спасибо вам большое. Проблема решилась. Просто дописал height: 100vh;

Никаких других свойств.

[ReActor Дмитрий Вершанский]

Ivan Ivanovich, да все верно, просто я не вглядывался в нюансы, и написал более развернутую совокупность свойств для достижения, чтобы наверняка)

[Ivan Ivanovich]

Дмитрий, Спасибо Вам! Всего хорошего.

[ReActor Дмитрий Вершанский]

Ivan Ivanovich, Пожалуйста, и вам взаимно!

Answer 2

[Andrew]

Можете

footer p{
margin-bottom: 0;
}

если не хотите чтобы скакали элементы, задайте фиксированную высоту(максимальную с открытым блоком) блоку с конентом и не будет скакать

Answer 3

[Арсений Матыцин]

Чо, мама кашей не кормила?

Проблема в схлопывании отступов. Спасет понимание проблемы и правильное обнуление\ну или просто корректное применение.