コンテンツではなくラッパーdivを中央に配置する方法

Question

コンテンツに影響を与えずに、ページを常にブラウザの中央に配置したい（align-text：center;など）。ラッパーdivを中央に配置したい。これを行うにはどうすればよいですか。

簡略化された既存のページ：

<div id="wrapper">       
    <div id="header">
        Music Heaven
    </div>
    <div id="topmeny">             
    </div>
    <div id="menu">        
    </div>        
    <div id="content">                  
    </div>           
    <div id="bottom">
        SiteAdmin
    </div>
</div>

フィドル全体： http://jsfiddle.net/EndQb/

Answer 1

 #wrapper {
     width: ...
     margin: 0 auto;
 }

text-alignを設定する必要はありません

Answer 2

ラッパーdivのようなスタイルを設定します。

#wrapper {

width: 841px;
margin: 0 auto;

}

このようにして、ラッパーdivは常に画面幅に応じて中央に配置されます。お役に立てば幸いです。

Answer 3

cSSで次のように、ラッパーdivのmarginプロパティを設定できます。

#wrapper { margin:20px auto }