IE에서 CSS의 여백 문제가 발생했습니다.

IE의 여백 문제가 있습니다. 왼쪽 탐색, 중앙 및 오른쪽 탐색 모두 중앙에 배치되는 대신 왼쪽으로 이동합니다. 다른 브라우저에서는 문제가 없습니다.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 에뮬레이트 쿼크 모드에 있습니다.

html, body { height: 100%; }과 비슷한 것을 추가해야합니다.

출처

2012-01-25 02:55:49 thirtydot

IE에서 CSS의 여백 문제가 발생했습니다.

답변

관련 문제