JQueryUI Dialog display issue

Question

Tengo el siguiente código que crea una ventana emergente de diálogo JQueryUI.

$j('<div></div>') 
     .html(message) 
     .dialog({ 
      autoOpen: true, 
      bgiframe: true, 
      buttons: { 'Dismiss': function() { $j(this).dialog('close') } }, 
      closeOnEscape: true, 
      height: 'auto', 
      modal: true, 
      resizable: true, 
      width: 400, 
      title: 'An error has occurred'}); 

Cuando la ventana emergente se muestra por primera vez al usuario, se ve como la imagen siguiente, con un encabezado gigante. Sé que no se están agregando clases de CSS adicionales a la ventana emergente.

Después de cambiar el tamaño de la ventana emergente de JQuery, la ventana emergente aparece correctamente. El encabezado se redimensiona inmediatamente y se muestra correctamente.

¿Alguien más se ha encontrado con esto antes?

alt text http://i26.tinypic.com/156vl3n.png

Answer 1

acaba de actualizar a la última interfaz de usuario CSS y trabajó como un campeón ... Gracias por su ayuda será

Answer 2

nunca he encontrado con ese problema antes, pero yo sugeriría dos cosas:

Si desea corregir los síntomas y no el problema, usted podría hacer una anulación de estilo:

.ui-widget-header { height: 100px }

También podría intentar eliminar sus opciones una a la vez para ver si una de ellas está causando el problema.

Answer 3

Para este número de cabecera de diálogo simplemente puede añadir el atributo siguiente para la clase padre del diálogo

.ui-dialog { clear: both; }