2011年11月03日に投稿

[CSS] jQuery 等を使って margin-top の値を取得する時の注意点

jQuery(Javascript)を使ってある HTML 要素の margin-top を取得するときは、ブラウザによって返される値が違う可能性があるので注意が必要です。具体的にその違いを確認することができるコードを下記に示します。

id「hoge」が指定された要素のmargin-topを取得してalertで表示します。

各ブラウザで実行した結果は下記のようになります。

Chrome最新版: 0px
Firefox最新版: 0px
IE6: auto
IE7: auto
IE8: auto

計算に使う場合はIEでうまくいきませんので注意してください。これを回避するには、下記のように計算に使う前に予め初期化しておくと良いです。

関連記事

Leave a Reply