Две колонки, фиксированная жидкость со 100% высотой

Question

Как мне добиться следующего эффекта без использования стола?

Пример: http://enstar.nl/example.php (Пример может быть не виден в данный момент, серверы имен должны были быть изменены, но мой хостинг не так быстро обновляет их. Должен работать позже сегодня. Приношу извинения за неудобства)

Все методы требуют заголовок и / или нижний колонтитул. Я этого не хочу.

Я хочу следующее:

Чистый CSS, без таблиц 2 колонки, фиксированная жидкость (в таком порядке) если содержимое не достигло нижней части области просмотра, тогда расширьте столбцы до него. В остальном степень содержания (например, липкий нижний колонтитул)

Таблица на 100% x100% делает это естественно. Но я действительно не хочу использовать для этого таблицу.

Есть идеи?

EDIT:

Текущий HTML

<table width="100%" height="100%" cellpadding="0" cellspacing="0">
    <tr>
        <td id="navigation" valign="top" align="left">
        </td>
        <td id="content" valign="top" align="left">
        </td>
    </tr>
</table>

Answer 1

для установки двух столбцов есть пара опций, если вы не хотите использовать таблицы

<div id="wrapper" style="height: 100%;">
    <div style="background-color: green;">
        <div id="leftCol" style="float: left; width: 200px;">testing</div>
        <div style="background-color: red; margin-left: 200px;">
            <div id="rightCol" style="height: 900px;" >testing testing testing testing testing testing testing</div>
        </div>
    <div class="clear"></div>
    </div>
</div>

Пока текст внутри rightCol длиннее, чем в левом столбце (которыйможет быть обработан минимальной высотой элемента), тогда у вас не должно возникнуть проблем с его масштабированием.

Это также сводит на нет необходимость в Javascript для установки второй ширины.Причина в том, что он установлен на ширину родительского элемента div, которая по умолчанию равна 100%, поскольку вы оставляете поле красного столбца слева на 200 пикселей, оно сдвигает область отображения, чтобы вы могли видеть свой левый столбец.