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

时间:2011-09-21 19:37:57

标签: css

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

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

http://216.172.167.18/~julia/books/

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

感谢您的帮助!

2 个答案:

答案 0 :(得分:0)

使用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有一些奇怪的显示怪癖。我很少深入挖掘,以确定究竟发生了什么,因为我宁愿花尽可能少的时间。

可能的资源:http://www.satzansatz.de/cssd/onhavinglayout.html

答案 1 :(得分:0)

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