横スクロールサイトの中央寄せ

質問

お世話になります。

http://webrocketsmagazine.com/entry/20111114/how-to-scroll-website-holizontal-width-jquery.html
上記サイトを参考に横スクロールのサイトを作っているのですが、
中央寄せがうまく出来ません。

上記サイトのCSSで

.page {
margin:0px;
bottom:0px;
width: 2000px; // ページ幅を大きめに！
float: left;
height: 100%;
}

ここの部分で幅が2000pxに設定してしまうので、それ以下の幅にしても中央寄せになってくれないのです。

何かいい手はないでしょうか。ご教示ください。

よろしくお願いします。

回答No.1

ORUKA1951

float:leftが原因です。

お礼

回答ありがとうございます。
確かにfloat:left;を解除すると真ん中に寄りましたが、横スクロールも解除されてしまいます。

横スクロールを維持したまま中央寄せは出来ないものでしょうか。