css - CSS要素を中央に配置できません

Question

CSSを使用して、自分のサイトを一生中心に置くことができません。私は以下を含むウェブ上で提案されたすべての通常の方法を試しました：

body {
    text-align: center;
}
#container {
    width: 770px;
    margin: 0 auto;
    text-align: left;
}

次に使用する

<div id="container>
<!-- Centered Content Goes here-->
</div>

しかし、それはただ中心に行きません。ページの左側にとどまります。

中央に配置したい要素のCSSの例は次のとおりです。

#topHeader
{
    background:url(images/top_header.jpg);
    position:absolute;
    width: 695px;
    height: 242px;
    top: 0px;
    left: 0px;
}

したがって、私のHTMLは次のようになります。

<div id="container>
<div id="topHeader></div>
<!-- All other elements go here as well-->
</div>

しかし、前に述べたように、要素はそのままです。ありがとう！エリック

score 0 · Accepted Answer

主な問題は、#topHeader要素の絶対配置です。で絶対に配置されているためtop: 0px; left: 0px;、まさにページの左上に配置されます。

要素から絶対位置を削除することから始め#topHeaderます。

score 0 · Accepted Answer

これらすべてのセンタリング方法を試すときにチェックすべきことの 1 つは、使用している方法に対して Doctype が正しいことを確認することです。

これがお役に立てば幸いです。

6 に答える 6