私が行っている開発では、動的コンテンツ (通常は画像 - 画像ソースは動的ですが、サイズは固定されています) を含む 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 で「overflow : hidden」も試しましたが、同様の動作が観察されました。
これは FF / Chrome / Safari では問題なく動作しますが、IE8 では動作しません!
どうやらIEは、スクロールバーが不要であると指定した後でも、スクロールバー用にいくらかのスペースを確保していますか? 右側に空のスペースがレンダリングされ、画像が中央に配置されていないように見えます。ここで必要な iframe と同じくらい小さい iframe では、非常に見苦しく見えます。
この動作を回避する方法はありますか?