Проблема с кроссбраузерностью (размер iframe)
Я показываю страницы с внешнего сайта (принадлежащего мне) в iframe на одной из своих страниц. Все в порядке, за исключением просмотра в Opera с уменьшенным размером окна браузера (не в широкоэкранном), когда iframe сжимает и сжимает контент. Он работает в широкоэкранном режиме (развернуть окно браузера) и подходит для IE7, Firefox, Chrome и Safari при максимальном и уменьшенном размере окна.
Я установил размеры фрейма в HTML и вложил iframe в div, который больше, чем iframe, через CSS.
Это специфическая ошибка Opera или я могу что-то с этим поделать?
Ответы 1
У нас была аналогичная проблема с размером iframe на главной странице нашего веб-приложения, хотя и в IE6. Решение состояло в том, чтобы перехватить событие window.onresize и вызвать функцию JavaScript для соответствующего размера iframe. content - это имя iframe, который нам нужен. Также обратите внимание, что мы используем $get ASP.Net AJAX, который преобразуется в 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';
}
}