イナヅマTVログ

Memo, margin: 0 autoを指定したDOMのmargin-leftをJavaScriptで取得したら

| 1件のコメント

CSSでmargin: 0 auto;と指定したタグのmargin-leftを取得しようとするとブラウザによって戻り値が違っていました。

こんな感じでセンタリングしているタグのmargin-leftを取得しています。

<div id="someID" style="margin: 0 auto;"></div>

jQueryを使用しています。

parseInt($('#someID').css('margin-left'), 10);


Chrome, Safari 6.x
空きに使われているマージンのサイズがpxで返ってきました。

IE
NaN
実際に返ってくるのは文字列’auto’です。
parseInt('auto', 10);
となるのでNaNが返されます。

Firefox, Safari 5.x
0
値は0と返ってきます。

忘れないためにメモ!