[Tim]

<div id="container">
	<div id="left"><img src="../kar/fon1.gif"></div>
	<div id="right"><img src="../kar/fon2.gif"></div>
	<div id="content">Контент</div>
</div>


<style type="text/css">

	#container {
		height: 100%;
		background: #cccccc;
	}

	#left {
		height: 100%;
		float: left; /* Выравниваем элемент влево, другие 
						элементы будут обтекать его с правой стороны */
		background: url('../kar/fon3.gif') no-repeat left bottom;
	}

	#right {
		height: 100%;
		float: right; /* Выравниваем элемент вправо, другие 
						элементы будут обтекать его с левой стороны */
		background: url('../kar/fon4.gif') no-repeat left bottom;
	}

	/* Внутренние поля для контейнера с содержимым */
	#content {
		padding: 10px 50px 10px 50px; /* Верхнее, правое, нижнее, левое */
	}

</style>

Внимание полезная книга:

http://www.kodges.ru/17128-mastreska...nenie-web.html