1. Акция на весь декабрь! Получай оплату х2 за уникальные статьи, объемом от 200 слов, если в заголовке темы и теле статьи присутствует слово Python
    Скрыть объявление

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

Тема в разделе "HTML, CSS, XML, JavaScript", создана пользователем shisik, 7 ноя 2010.

  1. shisik

    shisik Well-Known Member

    Регистрация:
    26 авг 2007
    Сообщения:
    154
    Симпатии:
    0
    Можно ли дивами сделать так, чтоб все 3 колонки были одной высоты? Например, есть такой код:

    Код (Text):
    <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>
    При этом если менять высоту одной из колонок (допустим, добавлением текста), то высота других не изменяется. А нужно чтоб они всегда были одной высоты. Как это сделать? Или только с помощью таблицы?
     
  2. ABSENT

    ABSENT Гость

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

    <!--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]
     
Загрузка...

Поделиться этой страницей