Ширина и высота диалогового окна jQuery UI на основе ширины и высоты экрана

В настоящее время (jQuery 1.4.4 и UI 1.8.8) Я использовал следующее, чтобы установить свойства диалога: (Я пытаюсь установить диалокон на 180px меньше высоты и ширины экрана.)

$("#dialog").dialog({ 
            bgiframe: true,
            position: 'center',
            width: $(window).width()-180,
            height: $(window).height()-180,
            title: ititle,
            modal: true,
            buttons: { "Close": function() { $(this).dialog("destroy"); }}
});

Вышеописанное отлично работает в FF, но в IE 8 оно терпит неудачу.

Правильно ли это установить ширину и высоту, или я должен делать что-то по-другому?

Ответы

Ответ 1

Вероятно, вам нужно указать DOCTYPE и использовать режим стандартов, чтобы он работал правильно.

Ответ 2

Это работало для меня в IE8:

var winW = $(window).width() - 180;
var winH = $(window).height() - 180;

$( "#dialog" ).dialog({
    autoOpen: false,
    height: winH,
    width: winW,
    modal: true
});

Вам нужно это в верхней части страницы, хотя

<!DOCTYPE html>