height 100% met scrollbar

[Mitsie007]

Daar ben ik weer met mijn code.

Ik ben bezig mijn website liquid te maken, maar ik loop tegen een probleem aan met mijn div-jes

De opbouw van mijn div's ziet er als volgt uit:

• left
• center
  • menu
  • textveld
  • footer
• right

Alles staan netjes op zijn plek enfunctioneerd goed alleen wil ik een scrollbar getoont hebben in textveld op het moment dat de tekst te lang is. Echter moet het ook nog liquid zijn... dus in % neem ik aan... ?
Kan iemand mij helpen? Ik heb al wat geprobeerd maar het werkt allemaal niet.

/*Standaard waarde van margin en padding*/
body {
	background:#000;
	background-image:url('beheerder/image/background/achtergrond.png');
	color:#FFF;
	font-size:100%;
	margin: 0;
	padding: 0;
}

html, body{
	height:100%;
}

#left{
	position:absolute;
	width:20%;
	left:0%;
	border:1px solid grey;
}
#center{
	position:absolute;
	width:60%;
	left:20.35%;
	border:2px solid grey;
}
#right{
	position:absolute;
	width:19%;
	right:0%;
	border:1px solid grey;
}

#wrapper {	
/* 	border:1px solid red;
	height: auto !important;
	margin: 0 auto -4em; 
									even leeg nog...
	*/
}

/* Menu */
#menu{
	border: 1px solid green; 
	padding-top:1%;
	margin-bottom:2%;
	width:100%;
	list-style:none;
	text-align:center;
}
#menu li{
	width:20%;
	margin-right:2%;
	margin-left:1%;
	text-align:center;
	display: inline;
	color: #FFFFFF;
	font-size: 170%;
	font-family: Georgia, Helvetica, sans-serif;
} 
#menu a{
	color: #BA59E3;
	text-decoration:none;
} 
#menu a:hover{
	color:#FFFFFF;
}

/*Tekstveld*/
	/* Positie, kleur en gedrag van het tekstveld  - #tekstveld */
#tekstveld {
	height:100%;
	border: 1px solid blue; 
	width:98%;
	padding-top:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-left:1%;
	margin-bottom:-10%;
	min-height: 100%; 
	height: auto !important;
	overflow:auto; 
}

#homeFoto img{
	max-width:90%;
	padding-top:2%;
	padding-right:5%;
	padding-bottom:5%;
	padding-left:5%;
}

#fotoGalerij {
	width:100%;
	text-align:center;	
}

#fotoGalerij img{
	width:40%;
}

#omlijning{
 	/* border: 1px solid white; 
	position: absolute; 
	width: 670px; 
	height: 100%; 
	max-height:418px;
	max-width:650px;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
	/* overflow:auto;			Nog niet in gebruik 
	color:#FFFFFF;  */	
}


/* footer */
	/* De plek waar de footer komt en wat het doet met de tekst  - #footer*/
#footer{
	position: absolute; 
	width: 100%;
	bottom:0%;
	height: 3.5em; 
	clear: both;
}
	/* Lettertype en kleur van de link naar de webdesigner  - #footer*/
#footer a{
	text-decoration: none;
	font-family:Book Antiqua, Georgia, Verdana;
	font-size:100%;
	color: #FFFFFF;
}
	/* Actie wanneer er met de muis over de link wordt gegaan  - #footer*/
#footer a:hover{
	font-weight:bold;
	font-size:110%;
}
#footer img{
	position:relative;
	bottom: 10%;
} 
	/* Waar de tekst wordt geplaatst binnen de footer  - #tekstFooter*/
#tekstFooter{
	min-width:21%;
	right:1%;
	bottom:1%;
	font-size:90%; 
	position:fixed;
	color: #FFFFFF;
}

Ik hoop dat het duidelijk is omschreven

 

[Mitsie007]

Opgelost alweer...

Oplossing moest zijn:

center{
height:100%;
}
menu{
height:10%;
}
textveld{
height:80%;
}
footer{
height:10%;
}


jeeej.... Thanx anyway!!