HTML5：Firefox 与 Safari ......需要一些 CSS 的帮助答案

【问题标题】：HTML5: Firefox vs Safari... need help with some CSSHTML5：Firefox 与 Safari ......需要一些 CSS 的帮助
【发布时间】：2010-10-13 23:28:54
【问题描述】：

这是我的第一个 HTML5 网站，我从没想过 Firefox 和 Safari 会发生冲突！我生气的通常是IE。页眉和页脚似乎在两种浏览器中都可以正常工作。但在 Safari 中内容区域一直向右移动。

如果我添加 webkit css（第一次也必须使用它），那么 Safari 可以正常工作，但是 Firefox 就搞砸了。我对 HTML5 的理解是它将使事情变得更加精简。如果我明天早上还不能解决这个问题，我几乎已经准备好回到 HTML4 了。有什么想法吗？？

这是我的 CSS：

#content {
    display: table;
}

#mainContentInt {
    display: table-cell;
    width: 331px;
    padding-right: 10px;
    vertical-align:top;
}

asideInt {
    display: table-cell;
    width: 550px;
    margin-left:323px;
    padding-top:60px;
    margin-top:-200px;      
}

这是我的 HTML：

<div id="content">

    <div id="mainContentInt">

        <section>
            <p>test leftCol</p>
        </section>

    </div><!-- end mainContentInt-->

    <asideInt>
        <p>test rightCol1</p>

        <p>test rightCol2</p>

    </asideInt>

</div><!-- end content-->

【问题讨论】：

如果我添加一个
和一个 .在 css 文件中的内容之前，这些文件在 safari 和 firefox 中对我来说是一样的。
我尝试了您的建议，但似乎对我没有任何影响。
这里是实际站点...也许我从剥离的代码中遗漏了一些东西... drcounts.com/about_dr_counts.html （索引似乎很好...但它没有连接到模板）
我一直在搞乱 webkit 并设法让它工作。多么痛苦。不过还是谢谢你的回复！