Livínbride :: Cambiar la altura de un iframe

Os voy a explicar como podeis ir adaptando la altura de un iframe a la altura del contenido del mismo mediante javascript:

Lo primero es crear esta funcion en la página donde hemos puesto nuestro iframe entre los tags <head></head> (no es obligatorio ponerlo ahí pero sí conveniente)

<script>
function resizeIframe(idIframe){
          var miIframe=document.getElementById(idIframe);
          var alturaPagina=miIframe.contentWindow.document.body.scrollHeight+20;
          miIframe.style.height=alturaPagina+"px";
}
</script>

A la altura de la página le sumamos 20 porque a veces se queda un poquito corto.

Y después en la línea donde definimos nuestro iframe tenemos que poner onLoad="resizeIframe(this.id);"

Ejemplo:

<iframe src='pagina.php' style="width:950px;height:900px" frameborder="0" scrolling="no" id="contenedor" onLoad="resizeIframe(this.id);"></iframe>

Solamente añadir una cosa. Para que esto funcione el contenido del iframe, es decir, la página que contiene, ha de estar en el mismo dominio que la página donde se encuentra el iframe, es decir, no podemos usar direcciones a páginas externas porque nos dará un error de "Acceso Denegado".