IE6でCSSのposition fixedが使用できない。
firefox, opera, safari, choromeなどのクロスメディアなブラウザ
(というよりはクロスブラウザなhtml、か)で表示を同一にしたいが
色々なサイトに書かれてい内容が面倒で
困っていたのだが、一番導入しやすいと思われる解決方法が見つかった。
ここで公開されているfixed.jsを、公開するhtmlと同じディレクトリに置く
(絶対passでもおk)
HEAD内に以下の記述を追加
<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="fixed.js"></script>
CSSで、
ブロックタグを以下のように書く
p.ブロック名 { position:fixed; left: 10px; top: 85px; }
BODY内で、
<p class="ブロック名 fixed"></p>
でくくられた内容がposition fixedで表示される。
あともう一つ忘れてた。
HTMLの前にドキュタイプ宣言が必要。(改行しちゃだめだよ)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
IEとその他でレイアウトが若干ずれるので、
以下を使ってレイアウトを微調整すれば完了。