ページの中央にdivを配置しようとしていますが、通常のマージンで中央に配置できない非常に特殊なレイアウトがあります。自動プロパティです。私が持っているのは、基本的にこれです:
HTML:
<div id="container">
<div id="sidebar">
some text
</div>
</div id="content">
some text
</div>
</div>
CSS:
#container{
margin: 0 auto;
width: 900px;
}
#sidebar{
float: left;
width: 300px;
}
#content{
float: left;
width: 600px;
}
これは問題なくコンテナを中央に配置しますが、必要なのは画面の幅を基準にして「コンテンツ」divを中央に配置することです。これが私が取り組んでいるサイトで、より明確に表示できます:http://dirtymind。 jvsoftware.com/と、問題をよりよく説明するために作成した画像:http: //dirtymind.jvsoftware.com/img/csserror.png
誰かがこれを達成する方法を知っていますか?よろしくお願いします。