Основное содержание страницы кровоточит в нижний колонтитул? (только в IE7)

Question

На моей странице основное содержимое накладывается на нижний колонтитул. это происходит только в IE7. Работает нормально в ie8, ff, chrome. Есть идеи, в чем проблема?

Спасибо.

Answer 1

IE9.js пытается заставить IE 7 соблюдать декларации height: 100%, которые на самом деле неверны.

Высота вашего контента должна быть установлена ​​на auto вместо 100%, потому что вы не 'если вы хотите, чтобы он был на 100% высоты контейнера, вы хотите, чтобы он вмещал все ваше содержимое.

Вот изменения, которые необходимо внести в main_red.css (я включил толькоизмененные части).

В строке 26:

#content_container
{
  background:url(../assets/images/main-layout/logo_bg_red.gif);
  height:auto;
}
#inner_content_container
{
  background:url(../assets/images/main-layout/content_bg_red.gif) repeat-y center;
  height:auto;
}

В строке 231:

#content
{
  padding-top:2px;
  height:auto;
  background-color:#FFFFFF;
}