Css IE7和Safari 5/OSX中的列宽太窄

Css IE7和Safari 5/OSX中的列宽太窄,css,Css,如果您在Safari 5/OSX或IE7/Win中查看下面的站点,右下栏以“保持更新”(#secondary)开头的栏非常窄 在CSS中,它被设置为与其正上方的“列”相同的宽度,#socialsidebar。我认为它不是占页面总宽度的31.6667%,而是占#socialsidebar的31.6667% 在其他所有现代浏览器中,宽度都是正确的。你知道为什么Safari 5/OSX和IE7/Win会出现这种情况,以及如何解决它吗 谢谢你的帮助 使用IE开发者工具栏并将100%的宽度设置为#sec

如果您在Safari 5/OSX或IE7/Win中查看下面的站点,右下栏以“保持更新”(
#secondary
)开头的栏非常窄

在CSS中,它被设置为与其正上方的“列”相同的宽度,
#socialsidebar
。我认为它不是占页面总宽度的31.6667%,而是占
#socialsidebar
的31.6667%

在其他所有现代浏览器中,宽度都是正确的。你知道为什么Safari 5/OSX和IE7/Win会出现这种情况,以及如何解决它吗


谢谢你的帮助

使用IE开发者工具栏并将100%的宽度设置为#secondary似乎可以解决这个问题。我建议您按照在
标记上设置自定义类的方式设置单独的IE7样式表:

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


至于它发生的确切原因,IE7有一些奇怪的显示怪癖。我很少深入挖掘,弄清楚到底发生了什么,因为我更喜欢花尽可能少的时间在这件事上


一个可能的资源:

我错过了《社交西德巴》D'OH剧组的一个小插曲。感谢所有其他人,他们被我的愚蠢网所吸引,并花时间去看这张照片

谢谢,敬酒!事实上,我刚刚发现了这一点——这是一个缺失。当头棒喝。有趣的是,这在这两个浏览器中产生了巨大的差异,而其他所有浏览器都在使用它。啊,好吧。我几乎也通过w3的验证程序运行了它。很高兴你修好了!是的,那肯定是我第一次打电话每次我都会对这样一个问题的起因做出愚蠢的假设。
<!--[if IE 7 ]>
    <script type="text/css>
    enter code here
    </script>
<![endif]-->