Foros del Web » Creando para Internet » CSS »

ayuda con iframe

Estas en el tema de ayuda con iframe en el foro de CSS en Foros del Web. Amigos Gracias X leerlo primero aclarar que No soy diseñador solo lo intento mas bien soy programador (bueno lo intento). la cosa es que necesito ...
  #1 (permalink)  
Antiguo 21/11/2008, 10:11
Avatar de ACX_POISON  
Fecha de Ingreso: abril-2008
Ubicación: Talca-Chile
Mensajes: 750
Antigüedad: 16 años
Puntos: 7
Pregunta ayuda con iframe

Amigos Gracias X leerlo

primero aclarar que No soy diseñador solo lo intento mas bien soy programador (bueno lo intento). la cosa es que necesito hacer una pagina y quiero utilizar este estilo http://www.strictlycss.com/examples/...n-layout-7.asp, la cosa es que quiero poner dentro del contenedor (seccion en blanco) un <iframe> donde cargar otros archivos, el problema es que no puedo hacer que el <iframe> utilice todo el alto o sea:

Cita:
<iframe height="100%" frameborder="0" width="100%" src="portada.asp" scrolling="auto" name="centro" ></iframe>
no funciona para el alto sin embargo para el ancho funciona bien.

¿Como puedo hacer que el <iframe> utilice todo el alto?

Gracias....
__________________
Me junto con los que Saben, Queriendo Saber.
  #2 (permalink)  
Antiguo 23/11/2008, 20:29
 
Fecha de Ingreso: octubre-2004
Mensajes: 289
Antigüedad: 19 años, 6 meses
Puntos: 10
Respuesta: ayuda con iframe

Con tu plantilla no se como resolverlo porque no la tengo pero este código que te adjunto funciona perfectamente en ie 6+, firefox y opera y mantiene una cabecera fija, un menu lateral izquierdo y derecho fijos y un pie fijo, y los contenidos se cargan en un iframe central.

Todo lo necesario es adaptar los porcentajes a tu conveniencia y añadir los estilos necesarios para completarlo.

Es líquido en ancho y alto y valida. La prueba está montada cargando en contenidos la página de el periódico El País.

Saludos
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" lang="es">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<title>Cabecera, menu izquierdo, menu derecho y pie fijos. Contenido en iframe</title>
<style type="text/css">
html, body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	font-family :  Arial, sans-serif;
	font-size: 14px;
}
#cabecera {
	width: 100%;
	height: 10%;
	overflow: hidden;
	background-color: #CCCCCC;
}
#envolvente {
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 90%;
	overflow: hidden;
}
#izquierda {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 16%;
	height: 93%;
	overflow: hidden;
	background-color: #FFFFCC;
}
#derecha {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 16%;
	height: 93%;
	overflow: hidden;
	background-color: #FFFFCC;
}
#pie {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 7%;
	overflow: hidden;
	background-color: #CCFFFF;
}
#contenido {
	position: absolute;
	left: 16%;
	top: 0px;
	height: 93%;
	width: 68%;
	background-color: #999999;
}
.texto {
	margin: 6px;
}
</style>
</head>

<body>

<div id="cabecera"><span class="texto">Cabecera de página</span></div>
	<div id="envolvente">
		<div id="izquierda"><span class="texto">Menu izquierdo</span></div>
		<div id="contenido">
			<iframe name="contenidos" height="100%" width="100%" frameborder="0" src="http://www.elpais.com"></iframe>
		</div>
		<div id="derecha"><span class="texto">Menu derecho</span></div>
		<div id="pie"><span class="texto">Pie de página</span></div>
	</div>
</body>

</html> 
  #3 (permalink)  
Antiguo 23/11/2008, 21:10
 
Fecha de Ingreso: septiembre-2008
Ubicación: En algun sitio del CyberSpacio
Mensajes: 150
Antigüedad: 15 años, 7 meses
Puntos: 2
Respuesta: ayuda con iframe

yo también utilizo iframes y el porcentaje no me va bien, entonces siempre dependiendo del contenido le alargo o chico un poco, casi siempre es el mismo tamaño así que va todo bien, le pongo un height de 1009 o algo así jaja, o también podrías hacer que el mismo fondo sea el de la pagina , que concuerde con el del iframe, así no tendrás que alargarlo nunca.

Cabe destacar también, que el porcentaje del iframe en el height es para que muestre el 100% del archivo que llama al iframe, y no que muestre en el 100% del alto de la pagina, tiene en cuenta eso.
__________________
Visita la mejor web: http://infoadictos.net
  #4 (permalink)  
Antiguo 24/11/2008, 07:14
Avatar de ACX_POISON  
Fecha de Ingreso: abril-2008
Ubicación: Talca-Chile
Mensajes: 750
Antigüedad: 16 años
Puntos: 7
Respuesta: ayuda con iframe

Gracias X su ayuda y sugerencias
-ssclamp
-shurshok

Gracias--->
__________________
Me junto con los que Saben, Queriendo Saber.
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 12:55.