Internet Explorer에서 Center DIV가 페이지 하단에 표시됩니다.

Internet Explorer에서 내 div에 문제가 있습니다. 3 열 레이아웃이 있고 Internet Explorer를 제외한 모든 브라우저 (chrome, firefox, safari)에서 제대로 표시됩니다. IE에서 중간 div는 사이드 바 사이가 아닌 페이지 하단에 표시됩니다.Internet Explorer에서 Center DIV가 페이지 하단에 표시됩니다.

저는 며칠 동안 문제가 무엇인지 알아 내려고 노력했습니다. 나는 그것이 내 CSS와 관련이 있다고 확신하지만 확실하지 않다.

도움이 될 것입니다. http://www.onedirectionconnection.com

그리고 여기에 CSS의 :

내 웹 사이트입니다

div#container { 
    margin-left: auto; 
    margin-right: auto; 
    margin-top: 0px; 
    width: 1125px; 
    text-align: left; 
} 

div#header { 
    clear: both; 
    height: 500px; 
    margin-top: 0px; 
    padding: 0px; 
    border: 0px 
} 

div#navi { 
    text-align: center; 
    background: #FFFFFF; 
    clear: both; 
    height: 60px 
    margin-left: 13px; 
    margin-right: 13px; 
    margin-bottom: 10px; 
    padding-left: 39px; 
    border-bottom: 3px solid #FF0000; 
    border-top: 3px solid #FF0000; 
} 

div#left { 
    float: left; 
    width: 320px; 
} 

div#right { 
    float: right; 
    width: 320px; 
} 

div#middle { 
    padding: 0px 325px 5px 325px; 
    margin: 0px; 
}

난 그냥 내가 문제와 관련이 생각하는 부분을 포함하지만, 사람이 내 웹 사이트에 코드를 농노 자유롭게 느낄 수있다 필요하다면!

출처

2012-05-30 nellygrl

컨테이너의 너비를 늘리거나 여백을 줄입니다.

#middle 
{ 
padding: 0px 0px 5px 0px; 
margin: 0px; 
overflow: hidden; 
width: 485px; 
float: left; 
}

출처

2012-05-30 09:05:22

다른 브라우저의 레이아웃 모양을 변경하지 않고 어떻게 여백을 줄일 수 있습니까? – nellygrl

나는 당신이 틀린 여백을 가지지 않는다는 것을 본다. 그러나이 경우에는 나의 대답에 그것을 보여줄 때 당신의 스타일을 바꾸어야한다. –

도움이 되었다면 대답을 수락 또는 upvote로 표시하십시오. –

DIV의 위치 지정 작업이 필요합니다. 왼쪽 div는 괜찮습니다. 왼쪽 div 뒤에 오른쪽 div 앞에 중간 div 추가하십시오.

중간에 float: left; width: 400px; margin: 0;을 추가하십시오. 중간 DIVs 자식 요소의 너비를 조정하십시오.

출처

2012-05-30 09:25:18 Dipak

Internet Explorer에서 Center DIV가 페이지 하단에 표시됩니다.

답변

관련 문제