iframe dimensionnement - problème de navigateur croisé

Question

J'affiche des pages d'un site externe (que je possède) dans un iframe dans une de mes pages. Tout va bien, sauf lorsque vu dans Opera avec la taille de la fenêtre du navigateur réduite (pas grand écran), lorsque le iframe réduit et écrase le contenu. Il fonctionne en écran large (maximiser la fenêtre du navigateur), et est OK dans IE7, Firefox, Chrome et Safari pour maximiser et réduire la taille de la fenêtre. J'ai défini les dimensions du cadre dans le HTML et j'ai imbriqué le iframe dans un div qui est plus grand que le iframe via le CSS.

Est-ce un bug particulier à Opera ou y a-t-il quelque chose que je peux y faire?

Answer 1

Nous avons eu un problème similaire avec iframe sur la page principale de notre application web, bien que dans IE6. La solution consistait à intercepter l'événement window.onresize et à appeler une fonction JavaScript pour dimensionner correctement le iframe. content est le nom de la iframe nous voulons la taille. Notez également que nous utilisons ASP.Net AJAX $get qui se traduit par document.getElementById()

window.onresize=resizeContentFrame; 
resizeContentFrame(); 

function resizeContentFrame() { 
    setFrameHeight($get('content')); 
} 

function setFrameHeight(f) { 
    if(isDefined(f)) { 
     var h=document.documentElement.scrollHeight; 
     h-=(HEADER_HEIGHT+CONTENT_PADDING+5); 
     f.style.height=h+'px'; 
    } 
}