Я обычно делаю так:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>…</title>
<style>
body {
margin: 0;
min-width: 600px;
}
.header {
height: 50px;
background: #cff;
}
.right {
float: right;
width: 200px;
background: #ccf;
}
.left {
width: 200px;
float: left;
background: #cfc;
}
.wrapper {
padding: 0 200px 0 200px;
background: #fcc;
}
.content {
background: #fee;
}
.footer {
height: 50px;
background: #ffc;
}
</style>
</head>
<body>
<div class="header">Header</div>
<div class="left">left block</div>
<div class="right">right block</div>
<div class="wrapper">
<div class="content">
content content content content content content content content content content content content content content content content content content content content content content content content content content content content
</div>
</div>
<div class="footer">Footer</div>
</body>
</html>
Этот метод мне почему то кажется куда приятнее
