IE的边缘问题

时间:2012-01-25 02:05:36

标签: css

我在IE中的边距有问题。左侧导航,中央导航和右侧导航都向左移动而不是居中。其他浏览器没有问题。

#container{
    margin:0px auto;
    width:1000px;
    height:90%;
}

#center{
    border-left:1px solid #3D3D3D;
    border-right:1px solid #3D3D3D;
    float:left;
    width:46%;
    height:100%;
}

#left_nav{
    border-bottom:1px solid #3d3d3d;
    border-left:1px solid #3d3d3d;
    float:left;
    width:25%;
    height:auto;
    padding:2;
}

#right_nav{
    border-bottom:1px solid #3D3d3d;
    border-right:1px solid #3d3d3d;
    float:left;
    width:27%;
    height:auto;
    padding:4;
    padding-top:8px;
    padding-bottom:8px;
}

1 个答案:

答案 0 :(得分:2)

您需要添加doctype作为第一行:

<!DOCTYPE html>

如果没有这个,IE就处于模拟IE 5.5的怪癖模式。

您还需要添加与html, body { height: 100%; }类似的内容。