スタッフブログ

  • カテゴリ 技術全般 の最新配信
  • RSS

IEのiframe中のスクロールバーの謎の挙動

 : 技術全般 2009/1/30 13:57

Blogger's Avatar

2/14は札幌のLOCAL DEVELOPER DAY '09 /Winterに参加する予定のsatoです。
北海道近辺の技術者の方は是非参加してみてください。

今日は以前発見したIE(6/7)の謎の挙動に関して紹介したいと思います。バグだと思うのですが…。

テストページを用意しました。
まずこちらをIE以外のブラウザでご覧下さい。
[テストページ]

普通にスクロールバーが表示されると思います。

次に、IEで表示させると、スクロールバーが出ないと思います。
しかし、インラインフレームの領域をクリック、あるいは画面内のどこかをクリックしてからインラインフレームにカーソルを当てると、突然スクロールバーが出てきます。

使用したソースは以下になります。
index.html
<html>
<body>
<iframe style="width:20px;" src="scroll.html"></iframe>
</body>
</html>


scroll.html
<html>
<body>
<div style="height: 10000px"></div>
</body>
</html>


どうやら「インラインフレームの幅が20px以下で、インラインフレーム中にスクロールバーが表示される場合」に正常に描画できないようです。
20pxはOSのスクロールバーの設定次第で変わるかもしれません。

通常このようなHTMLを書くことはないと思いますが、もし書くことがあれば注意してください。

トラックバック

スタッフブログ最新
カテゴリ一覧

〒104-0061 東京都中央区銀座1丁目3番3号 G1ビル7階
お問い合わせ TEL 03-3524-8860

Copyright(c) 2012 RYUS.All Rights Reserved.