擬似フレームあれこれ

４分割の擬似フレームを作成しようと思ったのだが、IE6とIE8でDIVタグ内のpaddingの扱いが違うらしく両方に対応するのが困難。

JavaScriptを使ったり、右端のスクロールバーのサイズ分メニューの表示をずらしたり、CSSでexpressionを使用したりと色々あるようだが手間がかからず確実そうな方法が見当たらない。

仕方がないので、IE6ではフレームの外側にスクロールバーを表示し、IE8では画面の右端にスクロールバーを表示するようCSSを切り替える方法で実現した。

擬似フレームのサンプルダウンロード

---

IE8での表示はこんな具合。




一方、IE6での表示はこんな具合。スクロールバーの位置が違う。