为什么是正确的部分定位不同的方式在IE6

Question

在此页面：

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

在IE7和Firefox，右边的部分（CSS类是contentsidebar）显示正常，但在IE6，这不是” t显示良好。它显示异常 - 位置在右下角。

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

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

Answer 1

这是丑陋的罪过，但修复您的IE6的问题：

<!--[if IE 6]> 
<style> 
#leftcontent { 
    width: 660px 
} 

.bread_nav, #leftcontent .node, #leftcontent h1, #author_info { 
    width: auto !important 
} 
</style> 
<![endif]--> 

（如果你愿意，你可以把这个在其自己的样式表请确保它是最后一个。）

这个想法是将#leftcontent的宽度设置得小一些，然后在#leftcontent到auto之间的元素上覆盖您拥有的width: 668px的所有百万个不同实例（这些无关宽度对于任何浏览器都是不需要的）宽度。

@夏默对改变周围的宽度有正确的想法，她只是缺少具体细节。

Answer 2

看起来像宽度问题给我。 IE6认为右边栏太宽，所以它会将内容框移到之前的浮动框之下（即在主要内容之下）。 div class =“contentsidebar”的宽度为300--尝试将其更改为295px或290px，然后查看是否解决了该问题。