ページの内容が中心にならない

私はこれに助けを求めるのは恥ずかしいです。これまで私がこれまでやったことはない - 私が今使っている正確なコードで！ページの内容が中心にならない

私の人生にとって、なぜ新しいページのコンテンツがブラウザウィンドウの中心にないのか理解できません。

私が持っているHTMLはこれです：

<!DOCTYPE html> 
<html> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
     <title>Home</title> 

     <link type="text/css" rel="stylesheet" href="css/styles.css" /> 
    </head> 
    <body> 
     <div id="mainContainer"> 
      Main Content Goes Here 
     </div> 
    </body> 
</html>

をそして、これはCSSです：

body { background-color: #EDEDC7; } 

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

何が起こっているのであるテキストは左端から1/3程度道のを配置しています私がページを表示しているブラウザーウィンドウは何でも。私は、スタイルシートがWebページによって「見つかっている」ことを知っています。背景色が働いているからです。

FF8、IE9、Chrome、Safari 5、Opera、Dragonの最新バージョン（FF、Safari、Chrome on Mac）で確認しました！さて、少し強迫観念ですが、私は知っていますが、なぜそれが中心にならないのかについて私は困惑しています。だから私はここで行方不明は何ですか？（おそらく私が忘れている愚かな小さなこともあるかもしれません...）

出典

2011-12-06 marky

それはFirefoxで正常に動作しています。テキストを中央に揃えたいですか？ – Pradeep

何もありません。それは期待どおりに動作します。 – Quentin

ああ、私は自分自身を蹴っています - テキストをセンタリングするというPradeepの質問はそれをしました。私のdiv **は**中心に置かれている - 私はちょうどそれが中心になっていることを確認するには、divに十分なコンテンツがありません！ – marky

それは働いている、問題はあなたのテキストが中央にないことです。あなたがそれにテキストの整列の中心を追加する場合、それはあなたが期待している方法で動作します。

例：

#mainContainter{ 
    width: 940px; 
    margin: 0 auto; 
    text-align: center; 
}

出典

2011-12-06 15:17:08 laymanje

あなたは、別のdivの中にそれを入れて、それを中央（あなたのテキストが行く必要がある）そのdiv要素の幅をフォーマットする必要があり、そのコンテナ内のテキストを中央揃えにしたい場合。それは長さが1000pxを持っているのdivを中心にしている。

をあなたの例ではそのコードに問題はありません。.. :)

出典

2011-12-06 15:20:13

ページの内容が中心にならない

答えて

関連する問題