Windows XP 上 Chrome、FF 和 IE 7 上 css 中的 div 对齐

Question

我对 div 的对齐有问题。

我的布局由一个 div view_central 组成，其中包含另外三个 div，即view_central_top、view_central_left 和view_central_right。 Chrome 和 FF 呈现想要的结果：带有横幅的顶部 div，左侧是导航，右侧是内容。

IE 7 将内容 div view_central_right 10 px 偏移到高，从而覆盖横幅 div view_central_top 的一部分。

css 代码如下所示：

.view_central
{
    position: relative;
    width: 827px;
    height: 100%;
}

.view_central_top
{
    position: absolute;
    top: 0xp;
    left: 0px;
    height: 118px;
    width: 828px;
}

.image_borderless
{
    border: 0px none;
}

.view_central_left
{
    position: relative;
    left: 0px;
    top: 118px;
    width: 187px;
    height: 683px;
    background: #C7D2EB;
    font-size: 11px;
}

.view_central_right
{
    position: relative;
    left: 0px;
    top: 118px;
    width: 640px;
    height: 683px;
    background: #FFFFFF;
}

谁能帮帮我。谢谢。

Answer 1

我的第一个想法——依赖于浏览器的填充或边距。 CSS 重置（至少对于 div 元素）可能值得一试。