Код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>***</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
* {margin: 0px; padding: 0px;}
html {background: #CCFFFF; height: 100%;}
body {min-width: 800px; min-height: 100%; position: relative;}
* html body {height: 100%;}
#content {width: 100%; max-width: 1000px; margin: 0px auto; overflow: hidden;}
#outer {width: 100%; margin-right: -200px; float: left;}
#left {width: 200px; float: left;}
* html #left {margin-right: -3px;}
#main {margin: 0px 200px;}
* html #main {height: 1%; margin-left: 197px;}
#right {width: 200px; float: right;}
</style>
<script src="js/minmax.js" type="text/JavaScript"></script>
</head>
<body>
<div id="content">
<div id="outer">
*<div id="left">Левая колонка</div>
*<div id="main">Контент</div>
</div>
<div id="right">Правая колонка</div>
</div>
</body>
</html>
Выносить в коде контент выше левой колонки не рекомендую. Способ сделать это, честно говоря, есть. Но при реализации данного способа в совокупности с наличием max-width, в IE6 будут глюки... Так что либо контент в самом верху, но без max-width, либо контент после левой колонки, но с max-width...
Есть, правда, и еще один вариант. Если макет позволяет назначить max-width не блоку content, а блоку body (т.е. body {width 100%;} не подразумевается и не требуется), вполне можно воспользоваться способом, позволяющим вынести контент в коде наверх... Глюков IE6 в этом случае не будет...