Auto ajustar tamaño de iframe

kazuky · #1 (**permalink**) 08/02/2011, 13:25

hola amigos.

tengo un iframe con este codigo en el html q lo llama:

<iframe src="proyecto educativo.html" name="iframe" width="100%" height="100%" align="center" scrolling="auto" frameborder="0" id="iframes" allowtransparency="true" border="0" ></iframe>

resulta que quiero q el tamaño del iframe se ajuste solo al tamaño de la pagina que carga en el iframe para que no aparesca el scrollbar del iframe , si le pongo scrolling=no, no aparece pero la iframe se ve cortada probe con las dimenciones en 100% pero no pasa nada = se corta, alguien sabe que se puede hacer?

Saludos!

insyse · #2 (**permalink**) 08/02/2011, 22:17

Hola,

Por que no usas include("proyecto educativo.html") con PHP, me parece que es mejor .

StoehrArt

Whaith · #3 (**permalink**) 10/02/2011, 04:17

Buenas insyse,

Metele este codigo en el <head> y me cuentas.

Código HTML:

<script language="JavaScript"> 
          <!--
          function calcHeight()
          {
        //find the height of the internal page
        var the_height=
        document.getElementById('resize').contentWindow.
        document.body.scrollHeight;
        
        //change the height of the iframe
        document.getElementById('resize').height=
        the_height;
        }
        //-->
</script>

Acuerdate de llamar a la funcion en el iframe... metele este atributo

onLoad="calcHeight();"

Deberia quedarte algo así:

Código HTML:

<iframe src="proyecto educativo.html" name="iframe" width="100%" height="100%" align="center" scrolling="auto" frameborder="0" id="iframes" allowtransparency="true" border="0" onLoad="calcHeight();"></iframe>

denisnet · #4 (**permalink**) 04/04/2011, 17:21

Hola como estás. Yo necesito colocar un sitio en un iframe, que tenga auto size pero sin scroll. Probé con el scrip que publicaste junto con el codigo html que pusiste como ejemplo pero me tira dos scroll. En el código puse scroll="no" pero ahora no me tira el auto size del iframe, es decir me lo corta en 1024x780 que es la resolución de mi pantalla. Que me falta agregar? hay que ver algo del JavaScript?

Gracias.

gdls · #5 (**permalink**) 05/04/2011, 13:26

Ok, hermano en vez de utilizar 100%.. Utiliza pixeles.
Por ejemplo... Width="600px" height="400px"

Dime a ver k tal..

jomaruro · #6 (**permalink**) 05/04/2011, 13:31

Hola:

Cita:

Iniciado por insyse

Por que no usas include("proyecto educativo.html") con PHP, me parece que es mejor.

Un consejo que no tiene nada que ver con la duda planteada, es muy recomendable no utilizar caracteres extraños en los nombres de archivos y/o imágenes, es decir espacios en blanco, acentos y ñ.

Saludos.

GatoGordo · #7 (**permalink**) 05/04/2011, 17:14

Déjame ver si entiendo bien, ¿lo que quieres es un iframe que se ajuste dinámicamente a la página que cargue?

Saludos!