div-Spalten gleiche Höhe

[Ducksoul]

Guten Abend,

ich bin meinem neuen Projekt auf das Problem gestoßen, dass ich bei einem mehrspaltigen Design mehrere Divs als Spalten habe, welche die gleiche Größe haben sollen...

Meine Herangehensweise bis jetzt:

Html:

  
<div id="content_wrapper">  
   <div id="left">  
      Hier is die linke Spalte  
   </div>  
   <div id="right">  
      Hier is die rechte Spalte  
   </div>  
   <div class="clr"></div>  
</div>  

CSS:

  
#content_wrapper  
{  
   background:#fff;  
   overflow:hidden;  
   position:relative;  
}  
  
#left  
{  
   background:#eee;  
   width: 300px;  
   float: left;  
}  
  
#right  
{  
   padding: 5px;  
   margin-left: 300px;  
   background-color: yellow;  
}  

Und wie bekomm ich es nun hin, dass die Divs die gleiche Höhe bekommen? height: 100%; klappt ja nich so recht..

[ChrisB]

Hi,

Und wie bekomm ich es nun hin, dass die Divs die gleiche Höhe bekommen?

Du könntest vielleicht auf den Gedanken kommen, dass du wider aller Wahrscheinlichkeit und abstruser Logik des Universums nicht der erste Vertreter dieser unserer vom Affen abstammenden Lebensform bist, der vor diesem Problem steht - und es demzufolge mal mit "Suchen" probieren ...

Tipp: Faux Columns ist ein gängiges Stcihwort.

MfG ChrisB