iframe dimensionnement - problème de navigateur

Question

J'affiche des pages d'un site externe (que je possède) dans un iframe d'une de mes pages. Tout va bien, sauf lorsque vous visualisez dans Opera avec une taille de fenêtre réduite (pas d'écran large), lorsque iframe est réduit et réduit le contenu. Il fonctionne en écran large (fenêtre du navigateur de maximisation) et est correct dans IE7, Firefox, Chrome et Safari en taille de fenêtre maximale et réduite. J'ai défini les dimensions du cadre dans le code HTML et imbriqué le iframe dans un div qui est supérieur au iframe via le fichier css.

S'agit-il d'un bogue particulier pour Opera ou y a-t-il quelque chose que je puisse faire pour y remédier?

Answer 1

Nous avons eu un problème similaire avec le dimensionnement iframe sur la page principale de notre application Web, bien que sous IE6. La solution consistait à intercepter l'événement window.onresize et à appeler une fonction JavaScript afin de dimensionner correctement le iframe . contenu est le nom du iframe à dimensionner. Notez également que nous utilisons $ get d'ASP.Net AJAX, 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';
    }
}