ciao,
vorrei un div che occupasse tutta la pagina (height 100%)
ed all'interno altri 4 div, due dei quali avessero un'altezza in pixel fissa e gli altri 2 occupassero di conseguenza il rimanente della pagina, senza uscirne fuori ed far comparire lo scroll del browser.
incollo il codice su cui sto provando.

codice:
<html>
<head>
<style type="text/css">
.container{
	height: 50%;
	width:  100%;
	background-color: Yellow;	
}

.title{
	position: relative;
	font-family: Verdana;
	color: Navy;
	width: 100%;
	height: 100px;
	background-color: white;
	text-align: center;
}

.content{
position: relative;
	overflow: auto;
	width: 100%;
	height: 100%;
}
</style>
</head>
<body>
<div class="container">
	<div class="title">Title Here</div>
	<div class="content">
		Content Here </div>
</div>
<div class="container">
	<div class="title">Title Here</div>
	<div class="content">
		Content Here 	</div>
</div>
</body>
</html>