Pregunta

Yo soy la visualización de las páginas de un sitio externo (que tengo) en un iframe en una de mis páginas.Todo bien, excepto cuando se ve en la Ópera de la ventana del navegador de tamaño reducido (no de pantalla ancha), cuando el iframe se encoge y se aplasta el contenido.Funciona en pantalla ancha (maximizar la ventana del navegador), y está bien en IE7, Firefox, Chrome y Safari en maximizar y reducción de tamaño de la ventana.He puesto las dimensiones del fotograma en el HTML y han anidado el iframe en un div que es más grande que el iframe a través de la css.

Es este un curioso bug de la Ópera o hay algo que yo pueda hacer al respecto?

¿Fue útil?

Solución

Hemos tenido un problema similar con iframe medición de nuestra aplicación web página principal, aunque en IE6.La solución fue la trampa de la window.onresize evento y llamar a una función JavaScript de forma adecuada el tamaño de la iframe. content es el nombre de la iframe queremos tamaño.También tenga en cuenta que estamos utilizando ASP.Net AJAX $get que se traduce en 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';
    }
}
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top