Ver Mensaje Individual
  #1 (permalink)  
Antiguo 10/12/2008, 07:03
Avatar de CREW
CREW
 
Fecha de Ingreso: diciembre-2004
Ubicación: Mi Casa
Mensajes: 793
Antigüedad: 19 años, 4 meses
Puntos: 0
iframe ajustable

Se que este tema a sido tratado en innumerables foros y he encontrados algunos aquí, pero la verdad es que aún sigo con el mismo problemas y es que trato de ajustar un "iframe" a los tamaños (alturas) de las pag. que carga externamente...

Les explico tengo un HTML en el cual hay un "iframe" en el cual me cargan las diferentes páginas (generalmente php) a través de unos botones, he probado diferentes códigos pero solo 2 an estado cerca pero aun no ocurre lo que quiero...

Código Nº 1:

Pagina Padre

Código HTML:
<script type="text/javascript">
function ini() {
 document.getElementById("contenido").height = window.frames.contenido.document.body.offsetHeight + window.frames.contenido.document.body.scrollHeight;
}
</script> 
Iframe

Código HTML:
<iframe name='contenido' width='764'  marginwidth='0' marginheight='0' frameborder='0'  id="contenido" scrolling="No" onload="ini()"></iframe> 
Con este código, todos las "PAGINAS HIJOS" (independiente de la altura) me cargan, pero el problema ocurre que el "ALTO" es mucho más grande que el contenido de la "PAGINAS HIJOS"...

Con el 2º código que utilizó es este, y lo encontre aquí:

Código Nº 2:

Página Padre

Código HTML:
<script type="text/javascript">
// <![CDATA[

function recalcula(){
	var daH = (document.body && document.body.clientHeight)?parent.interior.document.body.clientHeight: 0; 
	daH = (document.addBinding)?daH+20:daH+5;
	//alert(daH);
	document.getElementById("elIframe").style.height = daH + "px";
}

function cargar(url){
	parent.interior.location.href=url;
}
	
// ]]>

</script>


<style type="text/css">
<!--
iframe {
width : 764px;
overflow : hidden;
}
-->
</style> 
Iframe

Código HTML:
<iframe name='interior' marginwidth='0' marginheight='0' frameborder='0' id="elIframe" scrolling="NO" onload="recalcula()"></iframe> 
Código Páginas hijos:

solo pongo este estilo:

Código HTML:
<style type="text/css">
<!--
html, body {
padding : 0;
margin : 0;
width : 764px;
}
-->
</style> 
Que es lo que me ocurre con este código, es que me carga todos las "PAGINAS HIJOS" pero no se me adapta, o sea, el iframe queda con el mismo tamaño...

Alguna ayuda u orientación, plisssss!!!!

Gracias!!!!
__________________
_________________________________
Mario Contreras || Diseñador Gráfico + Web:Mi Blog