При установке CSS для Body "overflow: hidden" съезжает верстка, в чем дело?
 

На странице при открытии всплывающего окна необходимо убрать вертикальную прокрутку страницы.
Я это сделал таким кодом:

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

$(".piro_close, .piro_overlay").click(function(){
	$("body").css("overflow", "auto");
});

Во всех нормальных браузерах код работает отлично, а вот в IE 7 после строки:

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

верстка разъезжается как паззл.
Может быть есть другие способы для отключения вертикального скроллинга, более гуманные?

P.S. Страница с багом: http://avrora.volgopage.ru/catalog/

в том что высота боди равна той высоте до которой оно уменьшается.

Slevin Kelevra,
Зы - не вижу пока данной установки
Установите код - гляну

Нужно щелкнуть по любому элементу на странице - тогда появится всплывающее окно с проблемным кодом

Ну во первых у мну в Опере не отключаецо, во вторых - окна без конца всплывают с уведомлением - так что лучше поставьте указание через css - убедитесь в наличии - отсутствии трабла - потом добивайте скрипт

Slevin Kelevra,
уже не нужно, я ответил на твой вопрос, пожалуйста

Drimogemon,
Не суть в подобных ответах - суть задаваемых вопросов обычно в адекватных решениях ..хотя иногда некоторым ТС(ам) решений и не требуется

Drimogemon, боюсь, что ответа
> "в том что высота боди равна той высоте до которой оно уменьшается."
понять не смог :)
Так что вопрос остается открытым.

Slevin Kelevra,
ну короче оверфлов хайден это типа "не вылезать за края" и у тя у боди размер высоты пикселей 400 )) и все остальное обрезается , просто не делай оверофлов хайден и все)

почему элементы внутри боди НЕ растягивают его? а растягивают только до определенной высоты, но не до конца?
все просто, дело в типе позицианирования,

у боди тип позицианирования по умолчанию

position: relative

то есть его смогут растягивать отлько обьекты с таким же типом позицианирования ))

у тебя видно там есть такие обьекты и они растянули его до своего максимума,а вот те что длиныне образуют вс ю страничку видно с другим типом позицианирования position: absolute

че делать? не делать оверфлов хайден, и почитать про типы позицианирования css
либо переверстать все к чертовой матери

Drimogemon, спасибо! Не знал такого о позиционировании. Странно что в IE6,7 работает overflow, иначе, чем в других браузерах.

где ты об этом вычитал? По спецификации все элементы имеют изначально static позиционирование. Default style sheet for HTML 4

if ( window.getComputedStyle ) {
    alert( window.getComputedStyle( document.body, null ).position );
} else {
    alert( document.body.currentStyle.position );
}

разве странно)?
не помню где-то вычитал, спс

Drimogemon, странно что в разных браузерах по разному код работает

Хехехе. *подлые смешки*
Сразу видно новичка.)))

Slevin Kelevra,
Выложите HTML код окошка с уже установленным запретом на скролл, - чисто css(ом ) и HTML без скриптов (*можно скопировать в дебагере итоговый HTML после отработки скрипта и поправить , добавить css

Код должен работать в топике

Как оформить для запуска = тут => http://javascript.ru/formatting

Deff, выложить код окошка, конечно можно, но запрет на скролл ставится на body, а не всплывающее окно.
http://pastebin.com/9t9sqmYQ

Ок - я Просто забыл...

Slevin Kelevra,
А ежли вместо body - делать так ? :)

<style type="text/css">
html{
  width:100%;
  height:100%;
  overflow:hidden
}
</style>

Спасибо, то что нужно!