Foros del Web » Creando para Internet » HTML »

Auto ajustar tamaño de iframe

Estas en el tema de Auto ajustar tamaño de iframe en el foro de HTML en Foros del Web. 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" ...
  #1 (permalink)  
Antiguo 08/02/2011, 13:25
 
Fecha de Ingreso: febrero-2011
Mensajes: 3
Antigüedad: 6 años, 10 meses
Puntos: 0
Busqueda Auto ajustar tamaño de iframe

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!
  #2 (permalink)  
Antiguo 08/02/2011, 22:17
Avatar de insyse  
Fecha de Ingreso: abril-2005
Ubicación: Colombia
Mensajes: 198
Antigüedad: 12 años, 8 meses
Puntos: 4
Respuesta: Auto ajustar tamaño de iframe

Hola,

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

StoehrArt
  #3 (permalink)  
Antiguo 10/02/2011, 04:17
 
Fecha de Ingreso: febrero-2011
Ubicación: Madrid
Mensajes: 9
Antigüedad: 6 años, 10 meses
Puntos: 1
Respuesta: Auto ajustar tamaño de iframe

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> 
  #4 (permalink)  
Antiguo 04/04/2011, 18:21
 
Fecha de Ingreso: abril-2011
Mensajes: 1
Antigüedad: 6 años, 8 meses
Puntos: 0
Respuesta: Auto ajustar tamaño de iframe

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.
  #5 (permalink)  
Antiguo 05/04/2011, 14:26
 
Fecha de Ingreso: febrero-2010
Ubicación: Republica Dominicana
Mensajes: 53
Antigüedad: 7 años, 10 meses
Puntos: 4
Respuesta: Auto ajustar tamaño de iframe

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

Dime a ver k tal..
  #6 (permalink)  
Antiguo 05/04/2011, 14:31
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Auto ajustar tamaño de iframe

Hola:

Cita:
Iniciado por insyse Ver Mensaje
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.

  #7 (permalink)  
Antiguo 05/04/2011, 18:14
 
Fecha de Ingreso: marzo-2011
Mensajes: 184
Antigüedad: 6 años, 8 meses
Puntos: 11
Respuesta: Auto ajustar tamaño de iframe

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

Saludos!

__________________
“Un estómago vacío, es un mal consejero.” Albert Einstein

Reflexiones, humor gráfico, chistes, Deporte, Consejos y tips

Etiquetas: auto, iframe, tamaño
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 07:37.