iframe Sizing - Cross-Browser-Problem

Question

Ich bin die Anzeige Seiten von einer externen Seite (das ich besitze) in einem iframe in einen meiner Seiten. Es ist alles in Ordnung, außer wenn in Opera mit der Browser-Fenstergröße betrachtet reduziert (nicht mit großem Bildschirm), wenn der iframe schrumpft und quetscht den Inhalt. Es funktioniert in großem Bildschirm (Browser-Fenster maximieren), und ist OK in IE7, Firefox, Chrome und Safari in Maximierungs und reduzierte Fenstergröße. Ich habe die Rahmenabmessungen im HTML gesetzt und haben die iframe in einem div verschachtelt, die über die CSS größer als die iframe ist.

Ist das ein eigentümlicher Fehler zu Opera oder gibt es etwas, was ich dagegen tun kann?

Answer 1

Wir hatten ein ähnliches Problem mit iframe Dimensionierung auf unserer Web-App Haupt-Seite, obwohl in IE6. Die Lösung war die window.onresize Ereignis zu stoppen und eine JavaScript-Funktion aufrufen angemessen auf die iframe Größe. content ist der Name des iframe wir Größe wollen. Beachten Sie auch, dass wir ASP.Net Ajax $get verwenden, die

document.getElementById() übersetzt

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';
    }
}