Foros del Web » Creando para Internet » Diseño web »

Div auto ajustable en funcion del iframe

Estas en el tema de Div auto ajustable en funcion del iframe en el foro de Diseño web en Foros del Web. Hola. Me gustaria saber como se hace para ajustar el tamaño de un DIV en funcion del tamaño de la web que se carga en ...
  #1 (permalink)  
Antiguo 22/07/2010, 13:46
 
Fecha de Ingreso: julio-2010
Mensajes: 3
Antigüedad: 7 años, 4 meses
Puntos: 0
Div auto ajustable en funcion del iframe

Hola.

Me gustaria saber como se hace para ajustar el tamaño de un DIV en funcion del tamaño de la web que se carga en un iframe dentro del DIV.
El contenido varia en funcion de la web que se pone el en iframe por seleccion.
a.html tiene 10 lineas mientras b.html tiene 500 lineas
¿O se debe hacer de otra forma?

Pego codigo
Código:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script language="javascript" type="text/javascript">
function url1(){
	ifrm = document.getElementById("ifrm");
	ifrm.src="a.html";
}
function url2(){
	ifrm = document.getElementById("ifrm");
	ifrm.src="b.html";
}
</script>
<style type="text/css">
div.foo{
	position:relative;
	width:800px;
	height:auto;
	left:50%;
	margin-left: -400px;
	border: 2px solid black;
}
</style>
</head>
<body>
<a href="#" onclick="url1()">Url1</a> <a href="#" onclick="url2()">Url2</a> 
<div class="foo">
<iframe id="ifrm" width="100%" height="100%" scrolling="no" frameborder="0"> </iframe>
</div>
</body>
</html>

Última edición por ZyklonB8; 22/07/2010 a las 13:55
  #2 (permalink)  
Antiguo 22/07/2010, 14:05
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 5.825
Antigüedad: 9 años, 9 meses
Puntos: 951
Respuesta: Div auto ajustable en funcion del iframe

Cambia la forma en que centras el div

Código CSS:
Ver original
  1. div.foo{
  2.     position:relative;
  3.     width:800px;
  4.     margin:auto;
  5.     border: 2px solid black;
  6. }

con margin:auto o margin:0 auto; puedes centrar los elementos
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....
  #3 (permalink)  
Antiguo 22/07/2010, 14:10
 
Fecha de Ingreso: julio-2010
Mensajes: 3
Antigüedad: 7 años, 4 meses
Puntos: 0
Respuesta: Div auto ajustable en funcion del iframe

Cita:
Iniciado por Ag666 Ver Mensaje
Cambia la forma en que centras el div

Código CSS:
Ver original
  1. div.foo{
  2.     position:relative;
  3.     width:800px;
  4.     margin:auto;
  5.     border: 2px solid black;
  6. }

con margin:auto o margin:0 auto; puedes centrar los elementos
No quiero centrar el div, quiero que se estire en funcion de lo la longuitud del iframe.
  #4 (permalink)  
Antiguo 22/07/2010, 14:56
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 5.825
Antigüedad: 9 años, 9 meses
Puntos: 951
Respuesta: Div auto ajustable en funcion del iframe

tu iframe nunca va crecer solo tomara la altura del div, dale una altura fija al iframe que se ajuste a tu contenido mas alto y aplica la etiqueta AllowTransparency
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....
  #5 (permalink)  
Antiguo 22/07/2010, 16:34
 
Fecha de Ingreso: julio-2010
Mensajes: 3
Antigüedad: 7 años, 4 meses
Puntos: 0
Respuesta: Div auto ajustable en funcion del iframe

Encontre la solucion, dejo el enlace por si alguien le pasa lo mismo que yo
http://www.lost-in-code.com/programming/jquery-auto-iframe-height/

Etiquetas: auto, funcion, iframe
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 13:37.