position：fixedのright , bottomをIE6に対応させる
以前CSS : positionの「absolute」「relative」「fixed」のリファレンスというエントリーをしたんですが、この時はIE6にright , bottomへの対応の仕方について分かっていなかったのですが、Cyokodog::Diaryのcyokodogさん、THE HAM MEDIAのハムさんに教えて頂いたので紹介しておきたいと思います。
デモページの解説
Cyokodog::DiaryのIE6 向け position:fixed を right , bottom 指定にも対応させてみるで紹介されている一番下の方にプラグイン化って部分がありますので、そこのソースをhead内に読み込ませています。
※jQuryのプラグインです。
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("jquery", "1.2");</script>
<script type="text/javascript" src="js/fixed.js"></script>
この状態でfixedを効かせたい要素にclass="fixed"と記入すれば、IE6にも適応されます。でもこのままだとガタつきつきが若干気になりますので、THE HAM MEDIAのCSSのpositionのまとめで紹介されているように下記CSSを記述して下さい。
html, body {
_height: 100%;
_overflow: auto;
}
これで気になっていたガタつきもなくなるります。
この方法でやった場合、positionでの指定をする際IE6のみ若干調整をしないといけないと駄目なので注意して下さいね。
参考サイト
