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

  • Автор темы Автор темы shisik
  • Дата начала Дата начала
S

shisik

Можно ли дивами сделать так, чтоб все 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>

При этом если менять высоту одной из колонок (допустим, добавлением текста), то высота других не изменяется. А нужно чтоб они всегда были одной высоты. Как это сделать? Или только с помощью таблицы?
 
Можно, например, сделать так:

<!--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]
 
Мы в соцсетях:

Обучение наступательной кибербезопасности в игровой форме. Начать игру!