如果您在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以及如何解决它?
感谢您的帮助!
答案 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有一些奇怪的显示怪癖。我很少深入挖掘,以确定究竟发生了什么,因为我宁愿花尽可能少的时间。
答案 1 :(得分:0)
我错过了#socialsidebar div的close-div。 D'OH。感谢所有其他人被我的愚蠢网络所吸引,并花时间去看这个。 :)