Problèmes IE7 de la boîte de dialogue jQuery

Question

Je rencontre des problèmes avec la largeur de la barre de titre dans IE7 uniquement. La première boîte de dialogue, lorsqu'elle est ouverte en utilisant la largeur: 'auto', la barre de titre ne s'étend pas sur toute la fenêtre de dialogue. La deuxième fonction utilisant minWidth fonctionne mais agit plus comme la propriété width et ne grossit pas avec le contenu. Des idées?

ne fonctionne pas:

 $(dialogId).dialog({ 
      autoOpen: 'false', 
      modal: true, 
      draggable: false, 
      resizable: false, 
      buttons: buttons, 
      title: title, 
      width: 'auto', 
      open: function(){ 
       /* IE HACK */ 
       $buttonPane = $(this).next(); 
       $buttonPane.find('button:first').addClass('accept').addClass('action'); 
       $('.ui-dialog-titlebar-close').hide(); 
       $('.ui-dialog').addClass('open_dialog'); 
       $(this).css('overflow','hidden');// IE hack 
       onOpen; 
      }, 
      close: function(){ 
       $('.ui-dialog').removeClass('open_dialog'); 
       afterClose; 
      } 
     }); 

de travail (uniquement de largeur fixe):

 $('#conf_dialog').dialog({ 
      dialogClass: dialogclass, 
      autoOpen: 'false', 
      modal: true, 
      draggable: false, 
      resizable: false, 
      buttons:buttons, 
      title:title, 
      minWidth: 255, 
      open: function(){ 
       /* IE HACK */ 
       $buttonPane = $(this).next(); 
       $buttonPane.find('button:first').addClass('accept').addClass('action'); 
       $('.ui-dialog-titlebar-close').hide(); 
      }, 
      close: afterClose 
     }); 

Answer 1

En théorie width: auto est pas prise en charge, mais il semble fonctionner dans IE8 et FF, mais pas sur IE7

je suis tombé sur ce lien:

http://ovaraksin.blogspot.com/2011/05/jquery-ui-dialog-with-auto-width-and.html

et l'a adapté ainsi :

 $("#myDialog").dialog({ autoOpen: false, 
      width: 'auto', 
      height: 'auto', 
      modal: true, 
      title: 'ABC...' 
     }).bind("dialogopen", function (event, ui) { 

      // fix for width:auto in IE 
      var contentWidth = $(this).width(); 
      $(this).parent().find('.ui-dialog-titlebar').each(function() { 
       $(this).width(contentWidth); 
      }); 

     }).bind("dialogclose", function (event, ui) { 
      //fix for width:auto in IE 
      $(this).parent().css("width", "auto"); 
     }); 

Answer 2

Qu'advient-il si vous ne définissez pas la largeur du tout? Avez-vous essayé la largeur: 100%?