CODEWITHSUNDEEP
css
Charles Murray
Charles Murray

Reputation: 383

css margin troubles in IE

I'm having trouble with margins in IE. The left nav, the center, and the right nav are all going to the left instead of being centered. There is no problem in other browsers.

#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;
}

Upvotes: 0

Views: 67

Answers (1)

thirtydot
thirtydot

Reputation: 228282

You need to add a doctype as the very first line:

<!DOCTYPE html>

Without this, IE is in quirks mode which emulates IE 5.5.

You'll also need to add something similar to html, body { height: 100%; }.

Upvotes: 2

Related Questions