jQuery UI ancho y alto del diálogo en función del ancho y alto de la pantalla

Actualmente (jQuery 1.4.4 y UI 1.8.8) utilicé lo siguiente para configurar las propiedades de un diálogo: (estoy tratando de configurar el diálogo en 180px) menor que el alto y el ancho de la pantalla.)jQuery UI ancho y alto del diálogo en función del ancho y alto de la pantalla

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

Lo anterior funciona bien en FF pero en IE 8 falla.

¿Es esta la manera correcta de establecer el ancho y la altura o debería hacer algo diferente?

Fuente

2011-01-18 Jason

Probablemente necesite especificar el DOCTYPE y usar el modo de estándares para que funcione correctamente.

Fuente

2011-01-18 16:53:39 Gregg

Eso (modo estándar) parece haber hecho el truco. Gracias – Jason

Esto funcionó para mí en IE8:

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

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

Lo necesitará en la parte superior de la página, aunque

<!DOCTYPE html>

Fuente

2012-09-21 20:17:12

jQuery UI ancho y alto del diálogo en función del ancho y alto de la pantalla

Respuesta

Cuestiones relacionadas