Колонки с равной высотой - Форум о заработке | Seo форум | Кузница вебмастеров

#container1 {  
     float: left;  
     width: 500px; /* ширина первой колонки */
     height: 200px; /* высота первой колонки */
     position: relative;  
     right: 50%;  
     background: #fff689; /* Цвет фона первой колонки */
}
#container2 {  
     clear: left;  
     float: left;  
     width: 500px; /* ширина второй колонки */  
     height: 200px; /* высота второй колонки */  
     overflow: hidden;
     background: #ffa7a7; /* Цвет фона второй колонки */
}
#col1 {  
     float: left;
     width: 46%;
     position: relative;  
     left: 52%;  
     overflow: hidden;  
}
#col2 {
     float: left;  
     width: 46%;  
     position: relative;  
     left: 56%;  
     overflow: hidden;
}

<div id="container2">
     <div id="container1">
         <div id="col1">
             <!-- Первая колонка начало -->
             Текст 1
             <!-- Первая колонка конец -->
         </div>
         <div id="col2">
             <!-- Вторая колонка начало -->
             Текст 2
             <!-- Вторая колонка конец -->
         </div>
     </div>
</div>

     width: 500px; /* ширина первой колонки */
     height: 200px; /* высота первой колонки */