IEのCSSマージントラブル

IEのマージンに問題があります。左のナビゲーション、中央、右のナビゲーションはすべて中央に配置されるのではなく、左に移動します。他のブラウザには問題ありません。あなたは非常に最初の行としてDOCTYPEを追加する必要がIEのCSSマージントラブル

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

出典

2012-01-25 Charles Murray

これは、各要素に 'float：left'があるからです。正確に何を達成しようとしていますか？ –

'＃right_nav'には' padding：4; 'があります.pxなど指定されていません。左側のパディングにpxサイズもありません。 – Anagio

私はあなたのCSSで余白を使用しないでください –

：このなし

<!DOCTYPE html>

、IEはIE 5.5をエミュレートQuirksモードです。

また、html, body { height: 100%; }のようなものを追加する必要があります。

出典

2012-01-25 02:55:49 thirtydot

IEのCSSマージントラブル

答えて

関連する問題