css - 页面的主要内容渗入页脚？ (仅在 IE7 中)

Question

在我的 page主要内容重叠在页脚上。这只发生在 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;
}