Прокрутка не работает в IE8

У меня проблема с IE8 (версия: 8.0.6001.18702) и этот сайт (gute-tat.de), который я не могу решить самостоятельно. Во всех других браузерах прокрутка в порядке, но в IE8 прокрутка работает только иногда или вообще нет. Я не мог найти решение через stackoverflow или google.Прокрутка не работает в IE8

Я попытался исправить эту проблему, проверив сайт и исправив все ошибки. На этой странице осталось всего 2 ошибки http://www.gute-tat.de/konzept.html, все еще прокрутка остается поврежденной. Одна из двух оставшихся ошибок, «onLoad» -error также не является причиной. Я временно удалил его и вернул обратно после того, как он не решил проблему. (Я просто взял на себя работу по поддержанию этого сайта, поэтому я не хочу слишком быстро делать слишком много изменений)

Я также хотел изменить doctype, но Typolight позволяет выбирать только «XHTML Strict» и «XHTML Transitional».

Это сделало бы мой день, если бы кто-нибудь мог указать мне в правильном направлении.

Спасибо заранее, Stephan

источник

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

ответ

Смежные вопросы