Двоколонковому верстка з однаковою висотою колонок

Відео: двоколонковому макет

Колись я вже розбирав структуру двоколонковому верстки, однак, там ліва і права колонки різні по висоті. Для деяких дизайнів це не підійде, і доведеться мучитися з height: 100% у div, що завжди дуже проблемно, тим більше, що можна відразу зробити двоколонковому верстку з однаковими по висоті колонками.

Для початку розберемо HTML-структуру двоколонковому верстки з однаковою висотою колонок:

id="Container_1"gt; 
id="Container_2"gt; 
id="Left"gt; 
 Ліва частина сайту 
 
id="Right"gt; 
 Права частина сайту 
 Права частина сайту 
 Права частина сайту 
 
class="Clear"gt;

І CSS-код:

# Container_1 { 
background-color:# f00- 
width:25% - 
} 
# Container_2 { 
background-color:# 0f0- 
margin-left:100% - 
width:300% - 
} 
#left { 
float: left- 
margin-left:-30% - 
margin-right:-100% - 
width:50% - 
} 
.clear { 
clear:both- 
}

Зверніть увагу, що Вам доведеться підбирати параметри під Ваш дизайн. Найкращий варіант скопіювати весь цей код, вставити на окрему сторінку і через Firebug спробувати погратися з властивостями, щоб зрозуміти, що за що відповідає.