2012-01-25 3 views
0

У меня проблемы с полями в IE. Левый навигатор, центр и правый навигатор идут влево, а не центрируются. В других браузерах нет проблем.css margin проблемы в 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; 
} 
+0

Это потому, что у вас есть 'float: left' на каждом элементе ... чего именно вы пытаетесь достичь? –

+1

Для '# right_nav' у вас есть' padding: 4; 'no size defined px и т. Д. Вам также не хватает размера px в вашем левом навигационном дополнении. – Anagio

+0

Я не вижу, чтобы вы использовали какой-либо запас в css –

ответ

2

Вы должны добавить доктайп в самой первой строке:

<!DOCTYPE html> 

Без этого IE находится в режиме совместимости, который эмулирует IE 5.5.

Вам также необходимо добавить что-то похожее на html, body { height: 100%; }.