Окно с прокруткой

[xmlns]

Добрый день.

Как сделать окно с прокруткой? Пример - виндосовские окна.

Как выглядет окно:

<div id="window">    <p>Заголовок окна</p>    <div>Тут находится содержимое всякое разное</div></div>

Т.к. у всех мониторы разные, то макс. высота окна не фиксирована, а задается в процентах от body / html. Соответственно, если содержимое вложенного div больше, то у него должна появиться вертикальная прокрутка. Как это сделать? Чтобы ничего не вылезало, скролбары показывались когда нужно. Может нужно верстку окна изменить?

 

Ps Окно позиционировано абсолютно.

[wwt]

задать блоку с содержимым height и overflow

[Great Rash]

overflow: auto;

[xmlns]

Можете пример привести.

Меня не интересует фиксированный height в пикселях. Только в процентах. У меня в процентах не получается. Содержимое вылезатся за пределы окна. Даже с overflow.

[wwt]

тогда как-то так http://jsfiddle.net/bbgqbh0v/

[xmlns]

Да, работает. А с max-height можно сделать? Когда содержимого мало, окно его обтягивает. Когда его много, ограничивает по максимально допустимой высоте и показывает прокрутку.

Если в Вашем примере заменить height на max-height, то он перестает работать.

[Launder]

тогда как-то так http://jsfiddle.net/bbgqbh0v/

 

У Вас в 12 строчке position: absolute по ошибке проставлено?

[wwt]

У Вас в 12 строчке position: absolute по ошибке проставлено?

ээ нет, это я на 16 по второму разу прописал.

[Launder]

Интересный ход. То есть сначала позиционируете элемент по координате, а потом его делаете relative? Это затем чтоб .content от него плясал? Объясните, пожалуйста...

[wwt]

Интересный ход. То есть сначала позиционируете элемент по координате, а потом его делаете relative? Это затем чтоб .content от него плясал? Объясните, пожалуйста...

да не, я сначала прописал абсолютное чтобы выравнять форму на странице, а когда выравнивал вложенный див не поглядев прописал родителю релайтив, а он там не нужен ибо уже есть абсолют.

[Launder]

Ну то есть 16 строчку нужно грохнуть?

[wwt]

Ну то есть 16 строчку нужно грохнуть?

yes =)