在此页面上:
http://phplist.xxmn.com/node/18
在IE7和Firefox中,正确的部分(css类是contentsidebar)显示正常,但在IE6中,它显示不正常。它显示异常 - 位置在右下角。
我知道IE6已经死了,但在中国,还有很多人还在使用它。
如何更正CSS以使页面在IE6中充分显示?谢谢。
答案 0 :(得分:1)
对我来说看起来像宽度问题。 IE6认为右侧边栏太宽,因此它将内容框移动到前一个浮动下方(即主要内容下方)。 div class =“contentsidebar”的宽度为300 - 尝试将其更改为295px或290px并查看是否可以解决问题。
答案 1 :(得分:0)
这是罪恶的丑陋,但它解决了你的IE6问题:
<!--[if IE 6]>
<style>
#leftcontent {
width: 660px
}
.bread_nav, #leftcontent .node, #leftcontent h1, #author_info {
width: auto !important
}
</style>
<![endif]-->
(如果您愿意,可以将它放在自己的样式表中。确保它是最后一个。)
我们的想法是将#leftcontent
的宽度设置为比它更小,然后覆盖您拥有width: 668px
的所有百万个不同实例(任何浏览器都不需要这些无关的宽度,顺便说一下)#leftcontent
到auto
宽度内的元素。