Как сделать фиксированную колонку 100% высоты, как на Тостере?

Question

[Anonymous]

Привет.

Как сделать фиксированную колонку высотой в 100%, как на Тостере?
Ширина колонки будет в процентах, вторая колонка будет занимать оставшеюся ширину и контент в ней будет прокручиваться. Каким образом это можно осуществить?

Comments

[sergey]

трудно открыть исходный код Тостера и посмотреть?

Answer 1

[Дима]

Есть же инспектор для таких целей:


Достаточно просто задать

position: fixed;
height: 100%

Comments

[Anonymous]

А как быть с тем, что эта колонка выпадает из потока? Делать какую-нибудь обёртку, чтобы вторая колонка не занимала ширину первой колонки (та что в fixed)?

[Дима]

Anonymous: так сходу не скажу, нужно смотреть :) Попробуй в песочнице это сделать

[Anonymous]

Дима Волков: установил второй колонке ширину и float: right.
За ответ - спасибо, всё время забываю про инспектор. Нуб.

[Adamos]

Anonymous: И что теперь происходит с ней при изменении размеров окна браузера?
Я ни разу не верстак, но такие вещи вроде бы сто лет как делаются width: 100%; padding-left: /*ширина фиксированной колонки плюс отступ от нее*/

[Anonymous]

Adamos: всё нормально с ней, но Ваш вариант тоже не плох, спасибо.