redimensionar iframe al tamaño del DIV padre

jonee · #1 (**permalink**) 26/07/2009, 21:16

Que tal, tengo una duda y consulta:

Como puedo redimensionar un iframe al tamaño del div padre que lo contiene?
Encontré este código que sirve para redimensionar segun el tamaño de la ventana

Código:

<script language="JavaScript">
<!--
function resize_iframe()
{

	var height=window.innerWidth;//Firefox
	if (document.body.clientHeight)
	{
		height=document.body.clientHeight;//IE
	}
	//resize the iframe according to the size of the
	//window (all these should be on the same line)
	document.getElementById("glu").style.height=parseInt(height-
	document.getElementById("glu").offsetTop-8)+"px";
}

// this will resize the iframe every
// time you change the size of the window.
window.onresize=resize_iframe; 

//Instead of using this you can use: 
//	<BODY onresize="resize_iframe()">


//-->
</script>

Y en el iframe:

Código:

<iframe id="glu" width="100%" onload="resize_iframe()"></iframe>

efectivamente lo hace, acá el ejemplo

Cita:

guymal.com/mycode/100_iframe_example.shtml

pero yo necesito que se redimensione al tamaño del DIV padre. Cómo debo armarlo???

Gracias y saludos!

deirdre · #2 (**permalink**) 27/07/2009, 18:25

Hola jonee

Este es tu código:

Código HTML:

<BODY>
<br>
Notice how the iframe gets its size according to the window size.<Br>
When you resize the window the iframe will resize too.<br><br>

<span id=info>
<!-- This is just for displaying some information -->
</span>
<br>
<br>
<br>
<br>
<iframe id='glu' width=100% onload='resize_iframe()'></iframe>

<div align='right'>&copy; 2003 Guy Malachi - guymal.com, All Rights Reserved</div>
</BODY>

No tienes el iframe dentro de ningún div.

Te puedes explicar un poco mejor.

Bye