position:absoluteでカチカチに固めたページを丸ごとセンター表示にしたい

質問

色々な各コンテンツをすべてdiv position:absolute;で各々の位置に固めてあります。
それら全てを一括で、ブラウザのセンターに表示するにはどうすれば良いでしょうか？

ちなみに、丸ごとdivで囲ってmargin-right:auto; margin-left:auto; text-align:center; を指定してみましたが無効でした。display:block;も試みましたが無効でした；

何かアイディアがありましたら教えてください！

回答No.3

神崎 渉瑠（@taloo） · ベストアンサー

すみません、leftが抜けてました。

body{
position: absolute;
width: 800px; /* 内容に合わせて任意 */
margin-left:-400px; /* widthの半分をマイナス指定 */
left: 50%;
}

お礼

凄いですね・・一発で出来ました。本当にありがとうございます！

回答No.2

神崎 渉瑠（@taloo）

body{
position: absolute;
width: 800px; /* 内容に合わせて任意 */
margin-left:-400px; /* widthの半分をマイナス指定 */
}

または、丸ごとdivで囲って、
div#wrapper{/* 上のスタイルと同じ物 */}

未検証です。

回答No.1

kooooooool

ソースがないので・・・回答のしようがないと思います。