Hm, ok, bin ein wenig weiter!

Hab aber jetzt ein anderes Problem, folgender Code:
HTML-Code:
<!DOCTYPE html 
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
	<head>
		<title></title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="description" content=""/>
		<meta http-equiv="content-language" content="en" />
		<link rel="icon" type="image/img" href="include/theme/default/img/icon.png" />
		<link rel="stylesheet" type="text/css" media="all" href="include/theme/default/css/default.css" charset="utf-8" />

	</head>
<body>
	<div class="container">
		<div id="pagetop">
	top
</div>

<div id="pagepath">
	path
</div>
		<div class="content">

			<div class="icontent">
				<div class="index_content">
...
</div>			</div>

			<div class="inavigation">
				<div id="loginarea">
	<br />
...
</div>			</div>

					</div>


		
		<div id="pagebottom">
	bottom
</div>	</div>

</body>

</html>
und

Code:
div.container {
	margin-top: 			5px;
	margin-left:			auto;
	margin-right:			auto;
	border: 			1px solid #D7D7D2;
	padding: 			3px;
	width:				90%;
}

div.content {
	position: relative;
	height:	300px;

	border: 			1px solid #000000;
	margin: 			0 auto;
	padding: 			10px;
}
div.icontent {
	position: absolute;
   right: 0;
	width:				75%;
}

div.inavigation {
	position: absolute;
   	left: 0;
	width:				15%;
}
Durch die angabe mit absolute und left & right muss ich fuer div.content die groesse angeben, damit der footer wirklich auch unterhalb des Elements bleibt.

wie kann ich das umgehn, dass die groesse auch dynamisch angepasst wird?

mfg