ウェブページのコンテンツを中央に揃える方法

私の2つの部門がページを中心にしていない理由を解決できないようです。私はそれがフロートのためであることを知っている：左。しかし、私の人生のために、私は問題を解決する方法を理解することはできません。誰も助けることができますか？ここでウェブページのコンテンツを中央に揃える方法

は私のHTMLです：ここでは

<body> 
<div align="center"> 
<div id="left" class="left"> 
Left box needs to be on left of of white box 
</div> 

<div id="content" class="content"> 
Right box needs to be on the right side of red box 
</div> 

</div>  
</body>

は私のCSSです：

body, div, h1, h2, h3, h4, h5, h6, p, ul, img {margin:0px; padding:0px; } 

body { 
    font-family: Arial, sans-serif; 
    background: #006699; 
} 

.content{ 
    width: 300px; 
    float: left; 
    background: #ffffff; 
    height: 300px; 
} 

.left{ 
    background: none repeat scroll 0 0 red; 
    float: left; 
    height: 300px; 
    width: 300px; 
}

私が知っているフロート：左;問題を引き起こしていますが、解決方法はわかりません。

ありがとうございました。

出典

2011-01-26 Ryan Bennett

は例えばalign="center"からclass="center"（またはその代わりに、クラスのID）に、あなたのトップレベルのdivを変更...セット幅とmargin: 0 auto;とdivの中でそれらをラップしてから実行します。

.center { 
    width: 600px; 
    margin: 0 auto; 
}

align属性ブロックレベルの要素の配置には影響しませんが、内部のインライン要素の配置には影響しません。あなたのdivはそうではありません。

出典

2011-01-26 04:55:21 prodigitalson

よく機能します。ありがとうございました。私はCSSが初めてで、これが本当に助けになりました。再度、感謝します。 –

ウェブページのコンテンツを中央に揃える方法

答えて

関連する問題