Tamaño automatico en IFRAME.

bytedevil · #1 (**permalink**) 30/10/2005, 05:17

Por favor me gustaria que alguien me ayudara porque tengo un problema que no hay manera de solucionar.
Tengo este codigo para abrir un IFRAME:

<div align="left"><iframe
src="portada.html"
scrolling="no" align="middle" width="580" height="1750"
frameborder="no" allowtransparency="true" background-color="transparent"></iframe>

Pues mi problema es que dentro de ese IFRAME debo de abrir mas paginas o sea portada.html (el tamaño es la de esta), articulos.html, x.html .... bueno y cada una tiene un tamaño diferente a las otras.
Me gustaria saber si donde pone height="1750" se podria cambiar por algo que coja automaticamente el tamaño de esa pagina a lo largo ya que si cada una tiene un tamaño distinto me queda o bien mucho espacio o bien no me cabe.
Las paginas se cargan dentro de ese iframe por el menu:
PORTADA, ARTICULOS, REVISTAS, FORO etc.... y los mando hacia el IFRAME pero cada html tiene un largo diferente y no hay manera de hacerlo.
Un saludo para todos y haber si alguien me hecha una mano porque estoy desesparado.

kemie · #2 (**permalink**) 30/10/2005, 06:43

este script te puede servir:
http://dhtmlnirvana.com/content/dhtm...fitiframe.html

bytedevil · #3 (**permalink**) 30/10/2005, 12:50

Te juro que no entiendo para nada el ejemplo.
Haber si tu o bien otra persona me lo puede simplificar aqui con el codigo listo para copy/paste porque no me aclaro.
Aparte de esto he encontrado varios ejemplos de Auto Resice Iframes pero resulta que todos son incompatibles con Firefox y Mozilla.
Alguien me puede dar una solucion??? Llevo mas de 3 horas busca que te busca y nada...

Saludos

kemie · #4 (**permalink**) 01/11/2005, 04:49

si sigues el primer enlace tienes un ejemplo con el codigo listo para copy paste:
http://www.dhtmlnirvana.com/content/autofit/index.htm

living · #5 (**permalink**) 01/11/2005, 05:02

No olvides darle un id al iframe (en este caso he puesto "miIframe"):

Código HTML:

<html>
<head>
<script>
function resizeIframe(){
var miIframe=document.getElementById("miIframe");
var alturaPagina=miIframe.contentWindow.document.body.scrollHeight;
miIframe.style.height=alturaPagina;
}
</script>
</head>
<body>
<!--START IFRAME-->
<div align="left"><iframe
src="portada.html"
scrolling="no" align="middle" width="580" height="1750"
frameborder="no" id ="miIframe" allowtransparency="true" background-color="transparent" onLoad="resizeIframe();"></iframe> 
<!--END IFRAME-->
</body>
</html>

YosoyCrom · #6 (**permalink**) 21/02/2008, 08:07

Sois dioses!!.

El último código funciona a la perfección. Mil gracias por aportar tanto!!.

Ojalá el día de mañana pueda ayudar como lo hacéis.

beealia · #7 (**permalink**) 30/03/2008, 05:01

Hola, la solución del código anterior funciona cuando las páginas contenidas en el iframe están en el mismo servidor.

Falla cuando enlazas una página externa.

Mi intención es mostrar una web en un iframe de otro servidor con el alto reajustable según la página abierta en cada momento.

¿alguien me puede ayudar?