firefox 3.6 /mac os 中的网页布局问题

Question

此网页在 firefox 3.6 /mac os 中无法正确显示。

http://solcuisine.com/dev/?page_id=2

.. 方法如下它在 firefox3.6/mac 中查找：

firefoxmac.png 位于同一域的 dev/ 目录中（抱歉，无法在此处发布多个链接）

http://solcuisine.com/dev/firefoxmac.png

CSS 已在 w3.org 中验证。该页面在 vista/xp、safari、chrome、ie8/7 和 opera 中的 firefox 3.6 中看起来不错。无法弄清楚 css 中的具体问题是什么。

任何帮助将不胜感激。

Answer 1

发现问题：

你需要在#content .page（style.css第295行）中关闭“overflow:auto”，

现在看起来像这样：

#content .page {
    background:url("images/pagecontent-bg.png") repeat-x scroll center bottom #FFFFFF;
    overflow:auto; /*DELETE THIS LINE*/
    padding-bottom:50px;
}

然后你需要添加一个“clear break”。如果您还没有，请创建一个名为clear的样式：

 .clear { clear:both; }

然后在右列末尾之后插入clear分隔符。就像这样：

<div class="right">
    ...your right columns is here...
</div>
<br class="clear" />

那就解决它了。