jQuery: Largeur et hauteur non modifiées dans FireFox 3.0.1

Question

J'utilise actuellement l'interface utilisateur jQuery pour redimensionner un DIV et redimensionner la vidéo YouTube qui se trouve dans la DIV.

http://jimenglandweb.com/projects/jquery/instancecontainer.html

Lorsque les contenant DIV est redimensionnée, la vidéo YouTube devrait suivre cet exemple:

$("#instanceContent").resizable({ 
     maxWidth: 425, maxHeight: 344, 
     minWidth: 213, minHeight: 173, 

     resize: function(e, ui) { 
      $("#youtubes").width(ui.size.width-5); 
      $("#youtubes").height(ui.size.height-5); 
     } 
    }); 

Cela fonctionne très bien dans Google Chrome, mais a des problèmes dans FireFox. Le problème réside avec .width et .height. Est-ce que quelqu'un sait 1) pourquoi cela ne fonctionne pas et 2) s'il y a une solution?

Answer 1

Essayez ceci:

$("#instanceContent").resizable({ 
    maxWidth: 425, maxHeight: 344, 
    minWidth: 213, minHeight: 173, 

    resize: function(e, ui) { 
     $("#youtubes").css({ 
      width : (ui.size.width - 5), 
      height : (ui.size.height - 5) 
     }); 
    } 
});