Question

如果您在Safari 5 / OSX或IE7 / Win中查看以下网站，则以“保持更新”（#secondary）开头的右下方列格超窄。

在CSS中，它设置为与其正上方的“列”相同的宽度#socialsidebar。我认为它可能会呈现为#socialsidebar的31.6667％，而不是页面总宽度的31.6667％。

每个其他现代浏览器的宽度都是正确的。任何想法为什么这将发生在Safari 5 / OSX和IE7 / Win以及如何解决它？

感谢您的帮助！

Answer 1

使用IE开发人员工具栏并将宽度设置为100％到#secondary似乎解决了这个问题。我建议您设置一个单独的IE7样式表，就像在<html>标记上设置自定义类一样：

<!--[if IE 7 ]>
    <link rel="stylesheet" type="text/css" media="all" href="ie7.css">
<![endif]-->

或

<!--[if IE 7 ]>
    <script type="text/css>
    enter code here
    </script>
<![endif]-->

至于为什么会发生这种情况，IE7有一些奇怪的显示怪癖。我很少深入挖掘，以确定究竟发生了什么，因为我宁愿花尽可能少的时间。

Answer 2

我错过了#socialsidebar div的close-div。 D'OH。感谢所有其他人被我的愚蠢网络所吸引，并花时间去看这个。：）