Как растянуть Div на всю высоту экрана?

[Bizon4ik]

Собственность вопрос поместился в тему .

Немного уточню, я хочу сделать так что бы колонка была всегда от начала окна и до конца в независимости от того какое расширение использует пользователь, и какое количество текста содержит эта колонка.

Заранее спасибо за ваш ответ

[deadrash]

http://jsbin.com/azumac/1/edit

[Bizon4ik]

http://jsbin.com/azumac/1/edit

Спасибо, помогло.

А можете еще научить как растянуть на высоту скажем 100%-50px, то есть что бы до конца страницы оставалось 50pх.

Заранее спасибо

[spdif]

bottom: 50px;

[Bizon4ik]

А можно растянуть div на весь экран но при этом не использовать position:fix или absolute? А то в этом случае блок закрывает мне часть из всплывающего меню

Edited April 16, 2013 by Bizon4ik

[spdif]

position: relative;

[deadrash]

А можно растянуть div на весь экран но при этом не использовать position:fix или apsolute? А то в этом случае блок закрывает мне часть из всплывающего меню

Давайте уж сразу полностью задачу опишите, иначе так будем всю ночь менять вёрстку. =)

[Bizon4ik]

А можно растянуть div на весь экран но при этом не использовать position:fix или apsolute? А то в этом случае блок закрывает мне часть из всплывающего меню

Давайте уж сразу полностью задачу опишите, иначе так будем всю ночь менять вёрстку. =)

Я не волшебник, а только учусь поэтому если задать все вопросы сразу и 10-ти страниц форума не хватит

[Int]

А можете еще научить как растянуть на высоту скажем 100%-50px, то есть что бы до конца страницы оставалось 50pх.

https://developer.mozilla.org/en-US/docs/CSS/calc

[Bizon4ik]

position: relative;

Не работает, растягивает блок высоту контента

[Zverushka]

По-моему можно просто сделать вот так без всяких фикседов:

#fixed {

background-color: #f60;

width: 100%;

min-height: 100%; // при обычном хейте текст просто обрежется в примере выше

overflow: auto;

}

отступ в 50 пикселей по-моему так, если нужен фиксированный всегда поверх экрана - то фикседом привязать, а если только при прокрутке вниз. можно внутрь основного дива вложить еще один ну и сделать одному из слоев или маргин или паддинг.

Edited April 18, 2013 by Zverushka