zwei Divs mit variierenden Größen aufeinander abgestimmt

[Zimtgruen]

Hallo allerseits,

ich habe in meinem Design zwei div-Boxen, die je nach Inhalt in der Länge variieren und ich deswegen deren Höhe nicht fest angeben kann. Ich hätte aber gerne, dass beide Divs immer gleich hoch sind, auch wenn beim einen weniger Inhalt drin ist. Wie mache ich das am besten? http://www.zimtgruen.de/web/design/energie-tv/index.php
Es handelt sich um die beiden helleren Boxen "Weitere Videos zum Thema" und "Nachrichten"
Die beiden sind in einem übergeordneten Div genannt "rightCol", dass aber nur diese beiden Divs genannt "videos" und "meldungen" umschließt.

Hier ist der Code für die drei Divs:

	#rightCol	
	{
		float:right;
		margin-right: 40px;
		margin-top:10px;
		margin-bottom:10px;
	}

 	#videos
	{

 		margin-top: 0px;
		margin-right:5px;
 		padding-left:3px;
		width:180px; 
		border: 1px solid #757474;
		background-color:#e6e5e5;
 		float:left;

 	}

 	#meldungen
	 {
		 margin-left:190px;
		 margin-top: 0px;
		 padding-left:3px;
		 width:180px; 
		 border: 1px solid #757474;
		 background-color:#e6e5e5;
	 }

Danke schonmal

 

[Maik]

Hi,

in dem Artikel AnyColumnLongest findest du zahlreiche technische Lösungsansätze für sog. "Equal-Height-Columns".

mfg Maik