jquery, html manipulatoin

[qdrj]

делаю модальное окно, для этого создаю

<div class="overlay"></div>

.overlay {
background:#666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) repeat scroll 50% 50%;
opacity: 0.5; 
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /*filter for ie*/
height:100%;width:100%;
position: absolute;
left:0; top:0;
}

а сверху него уже вывожу модальное окно. так вот див с классом оверлей занимает 100% по высоте и ширине ЭКРАНА, а не 100% от body. поэтому мне нужно запретить пользователю прокручивать страничку, чтобы он не увидел незакрашенный низ страницы.

[x-yuri]

а как насчет "height: 100%" -> "bottom: 0px"?

[qdrj]

не работает.
по-моему тут надо как-то overflow:hidden у body делать. интересно, то что в файрфоксе прокручивать после overflow:hidden нельзя, а в ие и опере можно

[x-yuri]

а ты запихни содержимое в div и ему назначай overflow: hidden;

[Kolyaj]

так вот див с классом оверлей занимает 100% по высоте и ширине ЭКРАНА, а не 100% от body

Надо просто сделать, чтобы оверлей занимал 100% страницы, а не экрана.

[x-yuri]

Надо просто сделать, чтобы оверлей занимал 100% страницы, а не экрана

минутку, под экраном подразумевается клиентская область окна браузера? А то я ж о другом подумал

p.s. но лучше имхо чтобы возможности прокрутки не было, т.е. чтобы содержимое страницы не превышало размеры клиентской области

[Kolyaj]

т.е. чтобы содержимое страницы не превышало размеры клиентской области

Это не всегда возможно, иногда нужно задизаблить обычную страницу.

[x-yuri]

Это не всегда возможно, иногда нужно задизаблить обычную страницу

а нету кроссбраузерного способа это сделать? У меня была идея запихнуть содержимое страницы (пусть даже ее размеры превышают клиентскую область) в div и поставить ему height: 100%; overflow: hidden; Но в ie 6 не работает
Или именно поэтому "это не всегда возможно"

[Kolyaj]

а нету кроссбраузерного способа это сделать?

Сделать что? Задизаблить? Нужно просто растянуть див на ширину/высоту документа, а не экрана.

[qdrj]

я совместил два способа. т.е. создаю

<div id="box"></div>

.overlay {
background:#666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) repeat scroll 50% 50%;
opacity: 0.5; 
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
width:100%;
position: absolute;
left:0; top: 0px; 
}

$("#box").addClass("overlay"); $("#box").height($(document).height());

и также

$("body").css("overflow","hidden");