도와주세요! IE8가 가끔 내 페이지를 올바르게 표시하지 않는 경우가 있습니다.

Question

이 사이트와 인터넷의 나머지 부분을 살펴 보았지만 왜 이런 일이 일어나는지 알 수 없습니다. 내 페이지는 IE8이 아닌 모든 브라우저에서 정상적으로 표시됩니다 (기술적으로는 이전 버전의 IE는 확인하지 않았습니다). IE8에서도, 때로는 제대로 표시됩니다 (나에게 의미가 없습니다). http://www.thedudehatescancer.com/testsite/past-results.shtml

때때로 소셜 네트워크 및 바닥 글 정보가 화면을 이동하고 메인 페이지의 콘텐츠 하단 부분을 오버레이, 때로는 그것이 속한 페이지의 맨 아래에 유지 :

여기 페이지입니다.

스타일 시트가 같은 루트 아래에 있습니다. 주요

: stylesheet.css

IE가 해킹 : 스타일 - iehacks.css

나는 그것을 알아낼 수 없습니다. 내 생각 엔 내가 바보 같은 짓을하고있다. 그러나 나는 그것이 무엇인지 알았 으면 좋겠다. 어떤 도움이라도 대단히 감사 할 것입니다 !!

Answer 1

IE에서 문제를 일으킬 수있는 여러 CSS 속성을 사용하고있는 것으로 보입니다.

그것은 확실히 IE7의 문제와 IE8은 IE7 렌더링 엔진을 사용하게한다 < 메타 HTTP-당량의 사용 = "X-UA-지원"내용 = "IE = EmulateIE7을"/ > 있습니다. 인라인 블록 :

처음에 나는 그것이 인해 표시의 사용에 hasLayout 문제가 될 줄 알았는데. 나는 그것을 위해 구현을 시도했지만 아무런 차이를 만들지 않았다.

나는 당신이 겪고있는 문제가 최소 높이의 사용 때문이라고 생각합니다. 나는 min-height hack을 적용 해 보았는데 작동하는 것처럼 보였다.

#mainwrap{ 
    min-height:600px; 
    height:auto !important; 
    height:600px; 
} 

가치있는 사이트; 우리 엄마가 AML을 가졌어. 인라인 블록 :이 도움이되기를 바랍니다

,

마크

Answer 2

가장 큰 문제는 당신이 디스플레이를 사용하고 있다는 점이다.

이 문제에 대한 쉬운 해결 방법은 인라인 블록을 사용하는 모든 것에 줌 : 1을 추가하는 것입니다.

이것은 즉, 예를 들어

에서 hasLayout 속성을 추가;

#networkswrap { 
    background: url("images/bg-gray2.jpg") repeat scroll 0 0 transparent; 
    border-bottom: 3px solid #989896; 
    display: inline-block; 
    height: 60px; 
    overflow: visible; 
    width: 100%; 
    zoom:1 
}