2009年06月20日

offsetTopとoffsetLeftのズレ

今日は完全1日オフなので、休みの日らしくJavascriptであみだくじ作ろうと思ったんですよ。

で、あみだくじを描画する場所の指定に、Javascriptの「offsetTop」と「offsetLeft」を使おうと思ったんです。

この2つは指定エレメントの座標を取ってくれる子です。

で、いつものごとくFirefox with Firebugを使って線を引く記述をしてみたんですが、これをIEで見るとどうもズレる。ChromeでもSafariでもちゃんと表示できたので「またIEか」と思ってたんですが、調べてみると「offsetTop」と「offsetLeft」はブラウザによって挙動にけっこうブレがあるようで。


サンプルコード
http://mwsoft.jp/sandbox/js/random_chooser_amida.html
IEで見ると描画位置がズレます。でも、たまに描画に成功することも。ヘッダ部分にJavascript使ってるせいかなと思いつつ。


とりあえず使わない方向で撤退することに。