Для части разработки, которую я делаю, мне нужно динамически создать Iframe с некоторым динамическим содержимым в нем (обычно изображение - источник изображения динамический, но размеры фиксированы).Мне не нужны полосы прокрутки для отображения в iframe, и это то, что я сделал
<iframe id="xxxx" width="70px" height="70px" style=" scrolling: no" src="content.html">
</iframe>
//content.html
<body>
<div style="height: 100%; width: 100%; overflow: hidden">
<img id="imgDiv" src="" style="height: 100%; width: 100%; ">
</div>
</body>
Я также пробовал «переполнение: скрыто» в iframe, но наблюдал похожее поведение.
Это работает нормально в FF / Chrome / Safari, но не в IE8!
Очевидно, IE оставляет за собой место для полос прокрутки даже после указания, что полосы прокрутки не нужны?Пустое пространство отображается с правой стороны, и это выглядит так, как будто изображение не выровнено по центру. Оно выглядит действительно некрасиво в настолько небольшом по размеру кадре, как мне нужно здесь.
Есть ли способ обойтиэто поведение?