que ejemplos ejemplo bootstrap allowfullscreen html css iframe cross-browser resize

html - ejemplos - tamaño del iframe: problema del navegador cruzado



iframe sandbox (1)

Tuvimos un problema similar con el tamaño de iframe en la página principal de nuestra aplicación web, aunque en IE6. La solución fue atrapar el evento window.onresize y llamar a una función de JavaScript para dimensionar adecuadamente el iframe . content es el nombre del iframe que queremos dimensionar. 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''; } }

Estoy mostrando páginas de un sitio externo (que yo poseo) en un iframe en una de mis páginas. Todo está bien, excepto cuando se ve en Opera con el tamaño de la ventana del navegador reducido (no en pantalla ancha), cuando el iframe contrae y aplasta el contenido. Funciona en formato panorámico (maximiza la ventana del navegador) y está bien en IE7, Firefox, Chrome y Safari para maximizar y reducir el tamaño de la ventana. He establecido las dimensiones del marco en el HTML y he anidado el iframe en un div que es más grande que el iframe través del css.

¿Es este un error peculiar para Opera o hay algo que pueda hacer al respecto?