<body><div id="wrapper">
<div id="head">Head</div>
<div id="sidebar">
</div>
<div id="content">
<h1>CONTENT</h1>
</div>
</div>
</body>
* { margin: 0; padding: 0; }
html,body { width: 100%; height: 100%; background:#fff;}
#wrapper { margin:0 auto; width: 1000px; border: 1px solid #c2c2c2; }
#head { height: 100px; margin: 10px; border: 1px solid #c2c2c2; }
#sidebar {
margin:10px;
border: 1px solid #c2c2c2;
width: 200px;
min-height: 300px;
float:left;
}
#content {
width: 755px;
margin: 10px;
border: 1px solid #c2c2c2;
min-height: 500px;
float:left;
}
Что не так?