Нижний колонтитул не всегда торчит

Question

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

Неисправная страница: * Хорошая страница: *

Я пробовал несколько способов наклеивания нижнего колонтитула внизу, и все с разными результатами.

Это шаблон Zen Starterkit из Drupal 7.x.

Answer 1

Проблема не в нижнем колонтитуле. У вас есть этот CSS, который заставляет высоту 1100px на #wrapper а также #subwrapper элементы, поэтому кажется, что есть что-то "под" нижнего колонтитула.

#wrapper{
  position: absolute;
  left: 0px;
  top: 240px;
  width: 100%;
  height: 1100px; /* This is making the page longer than it should be.*/
  background: #85bb99;
  z-index: -5;
}

#wrapper #subwrapper {
  background: url('/themeimages/pattern-cutout.png');
  opacity: 0.2;
  width: 100%;
  height: 1100px; /* Same thing here */
}

Похоже, вы используете эти элементы в качестве фонового изображения. Вы можете исправить это, попробовав этот CSS вместо:

#wrapper{
  position: fixed; /* Use fixed positioning so it'll always be displayed */
  left: 0px;
  width: 100%;
  height: 100%; /* Set a height of 100% */
  background: #85bb99;
  z-index: -5;
}

#wrapper #subwrapper {
  background: url('/themeimages/pattern-cutout.png');
  opacity: 0.2;
  width: 100%;
  height: 100%; /* Set a height of 100% */
}