IE8에서 작동하지 않는 스크롤링

IE8 (버전 : 8.0.6001.18702)과이 웹 사이트 (gute-tat.de)에 대해 스스로 해결할 수없는 문제가 있습니다. 다른 모든 브라우저에서 스크롤은 괜찮지 만 IE8에서는 스크롤이 가끔씩 만 작동하거나 전혀 작동하지 않습니다. 나는 stackoverflow 또는 구글을 통해 솔루션을 찾을 수 없습니다.IE8에서 작동하지 않는 스크롤링

사이트를 확인하고 모든 오류를 수정하여 문제를 해결하려고했습니다. 이 페이지에는 오류가 두 개 남았습니다. http://www.gute-tat.de/konzept.html, 여전히 스크롤이 손상되었습니다. 나머지 두 가지 오류 중 하나 인 "onLoad"오류가 원인이 아닙니다. 일시적으로 제거하고 문제가 해결되지 않은 후에 다시 넣습니다. (방금이 사이트를 유지 관리하는 일을 맡았으므로 너무 많은 변경을 너무 빨리하고 싶지 않습니다.)

또한 doctype을 변경하려고했지만 Typolight는 "XHTML Strict"와 "XHTML Transitional".

누군가 내게 올바른 방향으로 나를 가리킬 수 있다면 그것은 내 하루가 될 것입니다. 사전에

감사합니다, 스테판

출처

2013-03-04 Stephan Pfaff

문제는 전체 화면 배경 이미지로 인해 발생은 테이블을 통해 깨달았다.

<body> 
    <div id="mainwrapper"> 
     <!-- the actual conent of the page... --> 
    </div> 
    <div id="bg"> 
     <div> 
      <table cellspacing="0" cellpadding="0"> 
       <tbody><tr><td> 
        <img alt="" src="pathtobackgroundimage/bg_image.jpg"> 
       </td></tr></tbody> 
      </table> 
     </div> 
    </div> 
</body>

스크롤링은 마우스 포인터가 배경 이미지 위에있는 한만 끊어집니다. 마우스 포인터가 실제 내용 위에 놓여 있으면 스크롤이 제대로 작동합니다.

나는 테이블이 전체 화면 배경 이미지를 구현하는 잘못된 방법이라는 것을 알고 있지만 IE8에서 스크롤되지 않게한다는 것을 알지 못했다. (적어도이 경우).

적절한 시간에 백그라운드의 정확한 부분이 문제를 일으키는 것을 알 수 없습니다. 어쨌든 나는 테이블을 더 최신의 방법으로 대체 할 것이므로, 더 많은 시간을 낭비하고 싶지는 않다. 그러나 누군가가 이것에 대해 더 많은 통찰력을 공유 할 수 있다면, 고맙겠습니다.

여기에 관련 CSS에게의

html, body, #bg, #bg table, #bg td { 
    height: 100%; 
    overflow: hidden; 
    width: 100%; 
} 
#bg div { 
    height: 200%; 
    left: -50%; 
    position: absolute; 
    top: -50%; 
    width: 200%; 
} 
html, body, #bg, #bg table, #bg td { 
    height: 100%; 
    overflow: hidden; 
    width: 100%; 
} 
#bg td { 
    text-align: center; 
    vertical-align: middle; 
} 
#bg img { 
    margin: 0 auto; 
    min-height: 50%; 
    width: 50%; 
}

출처

2013-04-23 13:19:45

다행 당신이 그것을 파악하고 솔루션을 게시 감사, 나에게 많은 도움이! –

IE8에서 작동하지 않는 스크롤링

답변

관련 문제