Something

<html>
<head>
</head>
<body>
<style>
html, body{ height: 100%; width: 100%; padding: 0; margin: 0;}

.Document{
	width: 100%;
	height: 100%;
	background-color: grey;
	overflow: auto;
}

.Container{
	width: 800px;
	background-color: blue;
}

.Header{
	width: 100%;
	background-color: green;
	float: left;
}

.LeftColumn{
	width: 100px;
	float: left;
	background-color: purple;
}

.RightColumn{
	width: 100px;
	float: right;
	background-color: yellow;
}


.Body{
	background-color: red;
	float: left;
}

.Footer{
	width: 100%;
	background-color: green;
	float: left;
}

</style>
<div id="Document" class="Document">
	<div id="Container" class="Container">
		<div id="Header" class="Header">
			Header
		</div>
		<div id="LeftColumn" class="LeftColumn">
			Left Col
		</div>
		<div id="RightColumn" class="RightColumn">
			Right Col
		</div>	
		<div id="Body" class="Body">
			Body
			
			<p>foo</p>
			
			<p>bar</p>
		</div>	
		<div id="Footer" class="Footer">
			Footer
		</div>
	</div>
</div>
</body>
</html>