スタッフブログ
2/14は札幌のLOCAL DEVELOPER DAY '09 /Winterに参加する予定のsatoです。
北海道近辺の技術者の方は是非参加してみてください。
今日は以前発見したIE(6/7)の謎の挙動に関して紹介したいと思います。バグだと思うのですが…。
テストページを用意しました。
まずこちらをIE以外のブラウザでご覧下さい。
[テストページ]
普通にスクロールバーが表示されると思います。
次に、IEで表示させると、スクロールバーが出ないと思います。
しかし、インラインフレームの領域をクリック、あるいは画面内のどこかをクリックしてからインラインフレームにカーソルを当てると、突然スクロールバーが出てきます。
使用したソースは以下になります。
index.html
scroll.html
どうやら「インラインフレームの幅が20px以下で、インラインフレーム中にスクロールバーが表示される場合」に正常に描画できないようです。
20pxはOSのスクロールバーの設定次第で変わるかもしれません。
通常このようなHTMLを書くことはないと思いますが、もし書くことがあれば注意してください。
北海道近辺の技術者の方は是非参加してみてください。
今日は以前発見した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を書くことはないと思いますが、もし書くことがあれば注意してください。