Hi,

ich code gerade eine einfach Seite in Html und css, dabei hab ich nun folgendes Problem,
die Seite soll 3 Spalten besitzen.

Code (CSS): 
 
#content {
	width:980px;
	height: 100%;
	background-color: #FFF2DA;
 
}
 
#box1 {
	float: left;
	width: 200px;
	height: 100%;
	text-align:left;
	background-color: #FFF2DA;
}
 
#box2 {
	float: left;
	width: 580px;
	height: 100%;
	text-align:left;
	background-color: #FFF2DA;
}
 
#box3 {
	float: right;
	width: 200px;
	height: 100%;
	text-align:left;
	background-color: #FFF2DA;
}
 


HTML-Code: 
 <div id="content">
			<div id="box1">
                         Das ist die Linke Spalte.
                        </div> 
			<div id="box2">
			Das ist die mittlere Spalte	         
                        </div>
                        <div id="box3">
            	        Das ist die rechte Spalte.
                        </div>
</div>
Mein Problem besteht dadrin, dass wenn ich in die "mittlere Spalte" , einen sehr langen Text schreibe, das die seitlichen Spalten sich von der Höhe nicht anpassen, weswegen ich mir überlegt habe, einfach den umschließenden div, in diesem Fall "content" einfach die gleiche Background Farbe zu geben, aber irgendwie hat, das immernoch keine Auswirkung.

Um mein Problem besser zu veranschaulichen hier ein Screen.