Колонки дивами

shisik

Well-known member
26.08.2007
154
0
#1
Можно ли дивами сделать так, чтоб все 3 колонки были одной высоты? Например, есть такой код:

Код:
<div>
<div style='float: left; width: 200px; border: 1px #000 dashed; height: 100%;'>Left column</div>
<div style='float: right; width: 200px; border: 1px #000 dashed; height: 100%;'>Right column</div>
<div style='margin: 0 210px 0 210px; border: 1px #000 dashed; height: 100%;'>Center column</div>
</div>
При этом если менять высоту одной из колонок (допустим, добавлением текста), то высота других не изменяется. А нужно чтоб они всегда были одной высоты. Как это сделать? Или только с помощью таблицы?
 
A

ABSENT

#2
Можно, например, сделать так:

<!--shcode--><pre><code class='html'><div>
<div style='float: left; width: 20%; border: 1px #000 dashed; height: 100%; display: table;'>Left column</div>
<div style='float: right; width: 20%; border: 1px #000 dashed; height: 100%; display: table;'>Right column</div>
<div style='margin: 0 23% 0 23%; width: 55%; border: 1px #000 dashed; height: 100%; display: table;'>Center column</div>
</div>[/CODE]