Я уже некоторое время работаю над этой проблемой и не могу понять, что является причиной проблемы. Это происходит только в IE. Мы тестируем с IE8.
У меня есть div, который расположен неподвижно и центрирован на экране (предполагается, что это диалоговое окно). Внутри этого div есть левый и правый раздел, оба этих div плавают влево. Внутри окна Right я загружаю (через ajax) изображения и некоторые связанные данные. Правый div очень медленно при попытке прокрутки. Мы ограничиваем количество изображений на странице до 12. Макет выглядит следующим образом ...
Изображения связаны с Fancybox, чтобы пользователь мог видеть их в полном размере.
(псевдокод)
<div id="popup_container" style="z-index: 99; top: 50%; left: 50%; height: 500px; width: 900px; position: fixed;" >
<div class="left" style="float: left;">
</div>
<div class="right" style="float: left; overflow: scroll;">
<div class="image" style="float: left;"><a href="fancy"><img src="data.jpg"/></a>Data Data Data</div>
<div class="image" style="float: left;"><a href="fancy"><img src="data.jpg"/></a>Data Data Data</div>
<div class="image" style="float: left;"><a href="fancy"><img src="data.jpg"/></a>Data Data Data</div>
<div class="clearer" style="clear: both; height: 0px;"></div>
</div>
<div class="clearer" style="clear: both; height: 0px;"></div>
</div>
Есть какие-нибудь подсказки?