Ver Mensaje Individual
  #1 (permalink)  
Antiguo 17/07/2013, 20:12
Avatar de polecat
polecat
 
Fecha de Ingreso: diciembre-2003
Ubicación: Argentina
Mensajes: 391
Antigüedad: 21 años
Puntos: 0
Pregunta Iframe que se autoajusta al contenido en altura

Hola a todos, como están?

Les cuento un poco mi problema:

Encontré un código javascript que me funciona perfecto en Chrome y en Mozilla. Pero obviamente, trae problemas para IE9.

El código lo que hace es que un iframe crezca en alto de acuerdo al contenido que tiene. A mi me sirve, porque este iframe yo lo enmascaro para hacer un scroll con jQuery y adentro del iframe voy a tener contenido dinámico (que no se cuanto va a tener en altura, eso va a depender de cuantas cosas cargue el cliente). Si yo le pongo una altura fija y el contenido es menor, voy a tener todo un espacio scrolleable vacio y queda feo a la vista. Y si tiene más contenido del que yo le puse de alto, no se ve.

El codigo es este:

Código:
<script>
function resizeIframe(idIframe)
        {
        //Obtenemos el IFRAME a afectar
        var miIframe=document.getElementById(idIframe);
        //Calculamos el alto del contenido
        var alturaPagina=miIframe.contentWindow.document.body.scrollHeight+20;
        //Le asignamos la nueva altura
        miIframe.style.height=alturaPagina;
        }
</script>
En el iframe:

Código HTML:
<iframe id="iframeAutoajustable" src="algo.html" scrolling="no" width="100%" onLoad="resizeIframe(this.id)" frameborder="0"> 
Pregunta:
Alguien sabe como hacer para que este mismo codigo funcione también en IE?

Mil gracias!!!
__________________
Juan Manuel
Diseño web/Gráfico & Ilustración
E-mail: [email protected] / Skype: jmbosi
Portfolio: www.facebook.com/hacelobiendesign