Question

这是我的第一个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-->

Answer 1

我认为<asideInt>不是HTML5中的元素。你的意思是<aside>？

HTML5：Firefox vs Safari ...需要一些CSS的帮助

1 个答案: