2008年01月15日

先日公開した(x)html2presenで使ってみたie7-js 。
以下にその感想を。

設定したかったのは下の内容。
（プレゼンを常にブラウザ表示領域内最大に固定するというもの）

#presenArea {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

普通、IE6以下では上のcssは全く機能しない。
まず、fixed指定はもちろん無視される。
さらに、left-right、top-bottomの同時指定にも対応していない。

IE7.jsを使えば、そんな悩みを一気に解決してくれる･･･はずだったんだけど。

何故かfixedが効かない。
いろいろ試してみたところ、外部cssで指定するとうまく処理されないっぽい。
（style属性タグ内に書くとちゃんと固定された）

結局おなじみのexpressionでやることにした。
style属性タグをjsから操作するのは面倒いし、動的に生成してもIE7.jsが処理してくれるかわからないので。

* html #presenArea {
	position: absolute;
	top: expression(document.documentElement.scrollTop + 'px');
}

これで、無事解決とおもいきや、またも問題発生。
「'px'は宣言されていません」
いや、文字列リテラルなんですが？
どうやら、IE7.js内の処理でなんか起きてるらしい。

ってことで、

top: expression(document.documentElement.scrollTop);

に修正して解決。
（単位指定しないとまずくない？と思ったけど、IE7.js内でpx指定に変換されてる模様）

あと、たまに「a.clientWidthはnullまたはオブジェクトではありません」ってエラーも出るけど、それは僕が原因（HTMLがおかしいとか）っぽい。

初めてのIE7.jsはこんなんでした。
僕としてはけっこう便利だと思います。

ただ、cssに精通してる人達にとってはそうでもないのかなぁ、とも。
（おそらく今まで通りcss-hackを操る方が効率的でしょう）

※ ExplorerCanvasと同時に使ったのが原因ってことは…ないよなぁ。

[訂正 2008/01/23 23:20]
style属性ではなくスタイルタグ（要素）でした。（書き間違えました；）
混乱させてしまってすいませんm(_ _)m
style属性にはもともと対応してないっぽいです。
（一応試してみたらやっぱりバグりました…）