css - ページ全体をセンタリング

Question

私のウェブサイトは、多くの絶対位置で左揃えになっています。

position: absolute;
left: 30px;
top: 200px;

NYtimes.com のように中央に配置したいと思います。

これを行うために使用できる CSS はありますか?

score 6 · Accepted Answer

次のように、ウェブサイトのコンテンツ全体をラッパー div でラップすることで、中央に配置できます。

<body>
<div id="wrapper">
page content
</div> <!-- end #wrapper -->
</body>

次に、ラッパー div に幅を与え、マージンを中央に配置します。

#wrapper { width: 1000px; margin: 0 auto; }

score 0 · Accepted Answer

サイトを中央に配置する方法の基本は次のとおりです。基本的に、すべてを DIV でラップし、中央に配置します。

score 0 · Accepted Answer

以下のこのリンクは私の問題を解決しました：

絶対配置があるので、上記のリンクのトリックを使用する必要があります。

これが私のコードです：

<div id="centerwrap">  

HTML code for entire webpage

</div>

CSS:

#centerwrap { 
     position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -500px; 
    }

3 に答える 3