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