中央CSS

Question

を使用してHTMLページ内のidは、これは私のコードです：

<div id="content"> 
     <div id="slider1"> 
      <div class = "content-dir"> 
        <h1>Anno 2012</h1> 
      </div> 
     </div> 
    </div> 

私はslider1を中央ます。私はmargin: 0 autoを使用しましたが、動作しませんでした。ブロック：

ID contentに適用されるスタイルは、唯一height

Answer 1

はそれを幅とディスプレイを与えるです！

Answer 2

用途：

#content { 
    text-align: center; 
} 
#slider1 { 
    width: 400px; 
    text-align: left; 
    margin-left: auto; 
    margin-right: auto; 
} 

これはIEと近代的なブラウザの両方で動作します。

Answer 3

おそらく問題は「コンテンツ」divのためです。スライダーdivは内容の中にあるためです。それが支援すると仮定しますどのように再び

#Content 
{ 
    width:600px; 
    margin : auto; 
}