QA@IT

Jqueryで要素を中央に配置したいのですが...

2668 PV

こんにちは、webデザインを趣味で勉強中のものです。
現在webページを製作中で、表題の件をチャレンジしましたが、いまいちうまくいきません。

ページのレイアウトとしては、main要素の中に、フロートさせたリストコンテンツを配置しています。

jqueryでpaddingをうまいこと設定してあげてコンテンツを中央寄せしたいのですが、ウィンドウをリサイズした際にコンテンツが左右に少し寄ってしまいます。
特に幅が狭い(660pxあたり)のときに顕著なのですが、なにが原因なのでしょうか?javascriptのイベント発生のタイミングと、カラム落ちのタイミングのズレのせいでしょうか...?

以下がそのページです。
https://dl.dropboxusercontent.com/u/11992044/sandbox/index.html

使用されているスクリプトは以下です。
https://dl.dropboxusercontent.com/u/11992044/sandbox/script.js

回答

自己解決しました。原因はリサイズ時に、ロード直後に追加されたpadding-leftを含まずに親ボックス幅を取得していたためでした。ボックス幅の取得をwidthからouterWidth()にしたところ解決しました。

編集 履歴 (0)
ウォッチ

この質問への回答やコメントをメールでお知らせします。