content
テスト用の3カラムレイアウト。sidebar 200px,content 400pxのソリッドレイアウト。
html
<div id="header"></div>
<div id="container">
<div id="wrapper">
<div id="content"></div>
<div id="sidebar1"></div>
</div>
<div id="sidebar2"></div>
</div>
<div id="footer"></div>css
div#header {
width : 800px;
margin : 0 auto;
text-align : left;
}
div#container {
width : 100%;
width : 800px;
margin : 0 auto;
text-align : left;
}
div#wrapper {
float : left;
width : 600px;
}
div#content {
float : right;
width : 400px;
}
div#sidebar1 {
float : left;
width : 200px;
}
div#sidebar2 {
float : right;
width : 200px;
}
div#footer {
clear : both;
width : 800px;
margin : 0 auto;
text-align : left;
}