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;
}

sidebar2