为什么在IE6中正确的部分定位不同

时间:2011-02-09 03:02:08

标签: html css internet-explorer internet-explorer-6

在此页面上:

http://phplist.xxmn.com/node/18

在IE7和Firefox中,正确的部分(css类是contentsidebar)显示正常,但在IE6中,它显示不正常。它显示异常 - 位置在右下角。

我知道IE6已经死了,但在中国,还有很多人还在使用它。

如何更正CSS以使页面在IE6中充分显示?谢谢。

2 个答案:

答案 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的所有百万个不同实例(任何浏览器都不需要这些无关的宽度,顺便说一下)#leftcontentauto宽度内的元素。

@Summer对于改变宽度有正确的想法,她只是错过了具体细节。