0

Проблема в том, что футер отображается не всегда внизу страницы (зависит от того, с какого разрешения экрана смотреть страницу). На отдельных страницах сайта мало контента и футер липнет к блоку с контентом. Пробовал играть с позиционированием и высотой блока с контентом - не помогло. Может, я что не так делаю, подскажите)

Сайт имеет такую структуру:

<body>
  <header></header>
  <div class="outer_dpage"></div>
  <div class="clearfix"></div>
  <div class="outer-footer"></div>
</body>

Помогите! Всю голову сломал уже, почему он не всегда внизу)

KAGG Design
  • 35,238
Артем Ильин
  • 3

1 Answers1

1

Вопрос, по большому счёту, к WordPress отношения не имеет - это чистая вёрстка. Добавьте в style.css вашей темы

.outer-footer {
    position: fixed;
    bottom: 0;
}

Если вы хотите, чтобы футер был прижат и на длинных и на коротких страницах, то задайте жёстко высоту header, высоту footer и вычисляйте высоту контента:

header {
    height: 100px;
}
.outer_dpage {
    min-height: calc(100vh - 100px - 50px);
}
.outer-footer {
    height: 50px;
}
KAGG Design
  • 35,238
  • так работает) но он теперь всегда отображается на странице (на главной контента много и до футера надо еще пролистать), а с фиксированной позицией он немного мешает просмотру. на остальных страницах (где мало контента) все круто! Может можно как-то заставить другие блоки быть высотой 100% и тогда футер будет всегда внизу относительно них? – Артем Ильин May 31 '19 at 13:18
  • Дополнил ответ. – KAGG Design May 31 '19 at 13:40
  • спасибо огромное!! – Артем Ильин May 31 '19 at 13:45
  • Если ответ полезен, его стоит отметить как принятый галочкой внизу. Это поможет ориентироваться пользователям, которые ищут ответ на подобный вопрос. – KAGG Design May 31 '19 at 13:51