IE（再次）弄乱模板，浮动问题

Question

我正在对我的模板进行编码，一切正常并在Chrome和Firefox中展示得很好，但同样...... Internet Explorer会让整个事情变得混乱。

我尝试寻找解决方案，但我被困在这里。

这是网站的link。如果你可以在chrome / firefox中快速查看它，然后在IE中你知道我的意思，也许你可以找到问题。

谢谢！

编码非常类似：

<div id="leftbox">
left content
</div
<div id="rightbox">
right content
</div>
<div id="mainbox">
center content
</div>

#leftbox {float:left;}
#rightbox {float:right}
#mainbox {width:xxx; backgroun...}

Answer 1

我从float:right中删除了#rightcolumn，并将所有内容“抢占”。

Answer 2

将所有#main ...块放入一个包装器中。例如#maincolumn周围没有浮动元素，所以它就像被清除一样。