在IE6中显示问题

Question

我有一个显示时间表的网页。 IE 6中的时间表显示不正确。这是一个schreenshot：

从WEBSERVER删除了屏幕截图

左侧的绿色菜单向左浮动。在IE6中，计划表显示在菜单底部的下方。我可以通过在计划表上应用clear：right或clear来复制现代浏览器中的问题。但是，我无法弄清楚如何解决IE6中的问题。

有什么建议吗？如果您想尝试使用firebug或类似样式的调试工具应用某些样式，页面为here。

修改

尝试浮动白色主要内容区域后，我在IE6中获得this。在IE7中也是如此，但不是在右边。

Answer 1

在日程表（table.schedule）的选择器上，我注释掉了：

width: 100%

这导致了IE6中的问题并且评论说在其他浏览器中没有破坏它。它现在在所有浏览器中看起来都一样。

感谢您的建议。

Answer 2

尝试将左侧的白色主要内容部分浮动。

Answer 3

其他人几天前问了同样的问题，CSS Floats - content falling down in IE6，

也许有些答案会有所帮助。我注意到你的设计没有页脚，所以理论上你应该能够用绝对和相对定位的布局替换浮动布局

Answer 4

添加浮动：左;到table.schedule。这修复了IE 6中的间距问题，但在IE7和FF中引起了问题。我会使用下面的代码来定位IE6。

*.html table.schedule
{
    float: left;
}