IE9에서 CSS 여분 공간 문제

Question

내 사이트는 브라우저 간 호환이지만 IE9에서는 탐색 영역과 컨텐츠 부분 사이에 여분의 공간이 표시됩니다.

here을 볼 수 있습니다.

어떻게 해결할 수 있습니까?

Answer 1

위치 : 상대를 사용하고 이후에 clear = "all"태그를 사용하기 때문에 많은 공백이 생깁니다. 이것은 귀하의 모든 콘텐츠를 그 아래로 밀고 있습니다. 대신 절대 위치 지정 (위치 : 절대;)을 사용하고 상위 컨테이너 위치를 상대 위치로 지정하십시오.

나는 당신이 여기에 대해 훨씬 더 걱정한다고 생각합니다. 귀하의 코딩은 큰 난장판이며 오류를 정확하게 지적하기는 어렵습니다 (비록 그것이 그렇다고 생각 하긴하지만). 모든 CSS를 가져 와서 별도의 style.css 스타일 시트에 넣고 javascript도 똑같이하는 것이 좋습니다.

또한 당신은 당신의 스크립트에 161 오류뿐만 아니라 194 경고 있습니다. ( http://validator.w3.org/에서 직접 확인하십시오). 이러한 오류는 모든 종류의 문제를 일으키고 원하는대로 레이아웃에 맞게 모든 것을 얻는 것을 매우 어렵게 만듭니다 (또한 Google은 검색 엔진 결과를 처벌합니다). 나는 많은 오류가 있음을 압니다. 그러나 대부분이 중복되는 것처럼 모든 것을 고치고 고치는 것은 그렇게 나쁘지 않을 것입니다. 또한 모든 종류의 새로운 것을 배울 것입니다 :) 희망은 도움이됩니다!

Answer 2

의 위쪽 여백을 가지고 있으므로 은 id="navBreadCrumb"이고 공백을 발생시킵니다. 여백은 바깥 쪽 요소와 함께 축소되어 div을 id="new_main"으로 푸시합니다. 그런 다음 상대 위치 지정을 사용하여 내용 표시를 90px 화면에 표시합니다.

여백과 상대 위치를 제거하면 100px의 공백이 제거됩니다.