en la página donde cargas el iframe, osea, el padre, colocas esto:
pagina_padre.html Código HTML:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Pagina Padre</title>
</head>
<body>
<script language="javascript">
window.onload = function() {
document.getElementById("the_iframe").scrolling = "no";
document.getElementById("the_iframe").src = "ladirecciondelapagina.php";
}
</script>
<iframe name="the_iframe" id="the_iframe" frameborder="0" width="100%" height="100%" marginheight="0" marginwidth="0" height="0" scrolling="no"></iframe>
</body>
</html> nota que en el iframe no coloque el llamado a la pagina php, o sea, que no puse el "src", ya que lo hago justo cuando la página padre ha terminado de cargar, esto para evitar cualquier cosa
una vez que tengamos listo el padre, hagamos lo del hijo:
ladirecciondelapagina.php Código HTML:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
</head>
<body>
<script language="javascript">
window.onload = function() {
window.parent.document.getElementById("the_iframe").height = document.getElementById("Contenido").offsetHeight;
}
</script>
<div id="Contenido">
<!--aqui va todo tu contenido, todo todo.. nada afuera ok?-->
</div>
</body>
</html> luego, DEBES envolver todo tu contendio HTML y demás dentro de un div llamado "Contendio", ejemplo:
y listo.
cualquier consulta me avisas
saludos
