3 Spalten innerhalb eines Containers

Hallo,

ich möchte Textinhalte auf 3 Spalten verteilen. Diese wiederum sollen in einem Container liegen der z.B. einen Rahmen hat und eine Hintergrundfarbe. So weit kein Problem. Wie aber schaffe ich es, das der Container nach unten mit wächst, wenn einer der Spalten mehr Inhalt bekommt als die Ursprüngliche Höhe des Containers.

Mein Ansatz war:

#content {
	text-align:left;
	padding: 30px 0px 0px 14px;
	background-color:#FBFFF0;
	border: 1px solid #999999;
}

.spalte1
{
	height:100px;
	float:left;
	width: 33%;
	padding: 0px 10px 0px 0px;
	border:1px solid #000000;
	margin-left: 10px;
}

.spalte2

{
	height:100px;
	float:left;
	width: 33%;
	padding: 0px 10px 0px 20px;
	border:1px solid #000000;
}

.spalte3
{
	height:100px;
	float:right;
	width: 33%;
	padding: 0px 10px 0px 0px;
	border:1px solid #000000;
}

-------html-------

<div id="content">

 <div class="spalte1">aaaaaaaa<br><br><br><br><br><br><br></div>
 
  <div class="spalte2"> bbbbbbbbb<br><br><br>   </div>
	
  <div class="spalte3">cccccccc</div>
  
</div>

Haut leider nicht hin. Entweder sie werden im Container angezeigt - aber untereinander, oder sie sind nebeneinander aber außerhalb des Container. Weiß jemand einen Rat?

Danke im voraus,

Digi

Hallo Jörg, hm, habe deine Lösung auch mal im IE getestet, leider funktioniert das dort nicht. Gibt es dafür noch eine Lösung?

Gruß und Danke

Digi

danke, wollte gerade zurückschreiben, das ich den Fehler gefunden habe. Tatsächlich macht die clear-Anweisung im BR Probleme, diese Angaben sind dort nicht "erlaubt". Habe mich gerade ein wenig in Sachen Float eingelesen. Danke an dieser Stelle.

Gruß Digi

nun, "nicht zulässig" war jetzt eine Interpretation meinerseits :-) , da nur ganz bestimmte Tags aufgelistet wurden, in der man eine clear-Anweisung setzen konnte.

@Digi,

kennst Du http://www.positioniseverything.net/ ? Da gibt's bestimmt noch eine andere Lösung für das Problem.