在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渲染想要的结果：带有bannner的顶部div，左边的navigaiton和右边的内容。

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元素）可能值得尝试。