css - 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; }

然后在右栏末尾插入一个明显的分隔符。像这样:

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

这将解决它。