IE6布局问题 - 应该非常简单

时间:2012-01-28 13:50:21

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

我正在为自己构建一个简单的HTML / CSS模板,here,除了IE6之外,它在所有方面都很有效。在IE6中,侧边栏被推到底部,这告诉我IE的宽度错误。

#wrapper div的宽度为940px。 #mainContent div的宽度为730px #sidebar div的宽度为209px。

730px + 209px = 939px

我没有在这些div上使用填充,边距或边框......所以我认为这不是盒子模型的问题。

任何人都知道为什么IE6会破坏?我添加了IE7 Javascript Code修复程序,但不幸的是我无法查看它是否有效,因为Adobe Browser Lab和Netrenderer没有提取javascript。

如果你可以弹出Firebug并查看template我相信你们中的一些人可以立即发现错误。

非常感谢

2 个答案:

答案 0 :(得分:1)

我建议明确设置每个对象的宽度,这通常可以解决IE6下的问题(请记住对象的外部宽度为width + margin + padding,因此,当您计算所需的宽度时,请考虑到这一点。

似乎你 使用填充。

答案 1 :(得分:1)

请参阅: http://jsbin.com/itolaw/5

我将float: left添加到#sidebar,将position: relative添加到#mainContent。我还删除了IE7.js

正如您在问题中提到的,我使用IE NetRenderer在IE6中对其进行了测试。