iframe sizing - кросс-браузерная проблема

Question

Я показываю страницы с внешнего сайта (который у меня есть) в iframe на одной из моих страниц. Все нормально, за исключением просмотра в Opera с уменьшенным размером окна браузера (не широкоформатным), когда iframe сжимает и сжимает содержимое. Он работает в широкоэкранном режиме (максимизировать окно браузера) и работает нормально в IE7, Firefox, Chrome и Safari при максимизации и уменьшении размера окна. Я установил размеры фрейма в HTML и вложил iframe в div, который больше чем iframe через CSS.

Это специфическая ошибка в Opera или я могу с этим что-то сделать?

Answer 1

У нас была похожая проблема с размером iframe на главной странице нашего веб-приложения, хотя и в IE6. Решение состояло в том, чтобы перехватить событие window.onresize и вызвать функцию JavaScript для соответствующего размера iframe. content - это имя iframe, которое мы хотим определить. Также обратите внимание, что мы используем ASP.Net AJAX $get, что означает 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';
    }
}