Question

我看过这个网站以及互联网的其余部分，但无法弄清楚为什么会这样。我的页面在所有浏览器中都显示正常但IE8（但从技术上讲，我还没有检查IE的早期版本）。即使在IE8中，它有时也能正确显示（这对我来说毫无意义）。

以下是页面：http://www.thedudehatescancer.com/testsite/past-results.shtml

有时，社交网络和页脚信息会在屏幕上向上移动并覆盖主页内容的底部部分，有时它会保留在页面底部，也就是它所属的位置。

样式表位于同一个根目录下。

main：stylesheet.css

IE hacks：stylesheet-iehacks.css

我无法理解。我的猜测是我做了一些愚蠢的事，但我希望我知道它是什么。任何帮助将非常感谢!!

Answer 1

主要问题是您正在使用display：inline-block。

解决此问题的简单方法是将zoom：1添加到使用内联块的任何内容。

这会在{/ p>中添加hasLayout属性

例如;

#networkswrap {
    background: url("images/bg-gray2.jpg") repeat scroll 0 0 transparent;
    border-bottom: 3px solid #989896;
    display: inline-block;
    height: 60px;
    overflow: visible;
    width: 100%;
    zoom:1
}

Answer 2

看起来您的网站正在使用几个可能导致IE出现问题的CSS属性。

在IE7中肯定存在问题，并且您使用＆lt; meta http-equiv =“X-UA-Compatible”content =“IE = EmulateIE7”/＆gt; 应该导致IE8使用IE7渲染引擎。

最初，由于您使用 display：inline-block ，我认为这可能是hasLayout问题。我尝试为此实现修复，但没有任何区别。

我认为您遇到的问题是由于您使用 min-height 。我尝试应用min-height hack，它似乎有效。

#mainwrap{
  min-height:600px;
  height:auto !important;
  height:600px;
}

顺便提一下网站;我的妈妈有AML。

我希望这有帮助，

标记

请帮忙！ IE8有时会正确显示我的页面，有时不会

2 个答案: