ページの中央にdiv要素を設定する方法

http://jsfiddle.net/VjMy8/ページの中央にdiv要素を設定する方法

#containerの下で、他の全ての内容は、中心になるように、私はページの中央に維持する#containerを設定するために助けてください。 CSSの

2012-02-07 ismail vittal

が重複する可能性があります（http://stackoverflow.com/questions/8014004/aligning-div-to-center -of-page） –

D ude、これはすでに100回答えられています。もっと見てください。 –

GroundZeroのおかげで –

：

#container { 
    width: xxx em/px/%/...; 
    margin-left: auto; 
    margin-right: auto; 
    /* or margin: 0 auto; */ 
}

この方法では、あなたも、あなたがこのような何か以下のコードを実行することができ、コンテナを必要としません。それがページの流れを中断しないように
このコードは、この方法は、内のすべてのブラウザで動作します

#div_left { 
    width: 25%; 
    margin-left: 12%; 
} 
#div_right { 
    width: 50%; 
    margin-left: 38%; 
}

、フロートを必要としない多くのeasyerで、この（長い古い&）方法：

body { 
    text-algin: center; 
} 
#container { 
    width: xxx; 
    text-align: center; 
} 
#div_left { 
    width: 30%; /* 30% of the container-width */ 
} 
#div_right { 
    width: 70%; 
}

出典

2012-02-07 16:41:49 GroundZero

ありがとうたくさんの！ –

「margin：0 auto;」 –

@JannisMは真実だが、それは「左上の右下」であることを忘れていた – GroundZero

だけフロートを削除するには、左 - ここでは、[ページの中央にdiv要素の整列]のフィドルhttp://jsfiddle.net/mvivekc/VjMy8/3/

出典

2012-02-07 16:53:31

あなたはもう1つのことをしました。あなたは、CSSからの試行されたコメント（ 'margin：0 auto;'の前の '//'）のように見えるものを削除しました。 –

@NathanArthurは、コンテナが中央に来るのを妨げていた 'float：left'を削除しました - そして、コメントは間違っていました！..構文エラーです。中央にそれを取得するには' margin：0 auto'が必要です！！..彼はセンターでそれを望んでいた、私は中心に持って来た - 彼のコードのマイナーチェンジ。 –

はい、確かに。経験の浅い人でも、質問者が解決策を実装できるように、すべての変更が記録されていると、いつもうれしいことです。 –

ページの中央にdiv要素を設定する方法

答えて

関連する問題