Foros del Web » Creando para Internet » CSS »

alto de los div

Estas en el tema de alto de los div en el foro de CSS en Foros del Web. Hola, como veran soy nuevo en este foro... tengo un problema con el alto de un div en mi pagina no con los que tienen ...
  #1 (permalink)  
Antiguo 26/02/2010, 10:51
 
Fecha de Ingreso: febrero-2010
Mensajes: 44
Antigüedad: 7 años, 9 meses
Puntos: 0
Pregunta alto de los div

Hola, como veran soy nuevo en este foro...

tengo un problema con el alto de un div en mi pagina no con los que tienen tamaño fijo sino con lo que deben crecer.

les muestro el codigo y despues les explico que es lo que no me funciona.

pagina
Código:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<link href="clases/class.css" rel="stylesheet" type="text/css" /></head>

<body class="fondo">
<div class="pagina">
	<div class="publicidad"> 
		<div class="publicidadizq">
		publicidad		</div>
		<div class="contador">
		contador			</div>
	</div>
	<div class="banner"> 
		<div class="bannerizq">
		logo			</div>
		<div class="bannerder">
			<div class="bannerderfecha">
				24 de febrero del 2010				</div>
			<div class="bannerderbotonera">
				inicio | registrarse | salir				</div>	
			<div class="bannerderbuscar">
				buscar
		  		<label>
		  		<input type="text" name="textfield" />
		  		</label>
			</div>		
		</div>
	</div>
	<div class="centro"> 
		<div class="centroizq"> 
			<div class="centroizqtop">			
			ad-sense				</div>		
			<div class="centroizqcen">
			 asdjahsk<br>asdjahsk<br>asdjahsk<br>asdjahsk<br>asdjahsk<br>asdjahsk<br>asdjahsk<br>asdjahsk<br>asdjahsk<br>asdjahsk<br>asdjahsk<br>asdjahsk<br>asdjahsk<br>				</div>
			<div class="centroizqpie">			
			ad-sense				</div>				
		</div>
		<div class="centroder"> 
		web</div>
	</div>
	<div class="pie"> 
	pie		</div> 
</div>
</div>
</body>
</html>
css
Código:
.fondo {
	background-color: #000000;
}
.pagina {
	width: 900px;
	margin: auto;
	top: 0;
	bottom:0;	
}
.publicidad {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	width: 100%;
	height: 100px;
	background-color: #666666;
}
.publicidadizq {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	width: 600px;
	height: 100%;
	background-color: #666666;
	float: left;
	padding: 0;
	margin: 0;
}
.contador {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	width: 300px;
	height: 100%;
	background-color: #FFFFFF;
	float: left;
	color: #000000;
	background-color: #FFFFFF;
}
.banner {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	position: relative;
	width: 100%;
	height: 110px;
	background-color: #CCCCCC;
}
.bannerizq {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	position: relative;
	width: 600px;
	height: 100%;
	float: left;
	color: #FFFFFF;
}
.bannerder {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	position: relative;
	width: 300px;;
	height: 100%;
	float: left;
}                                                                                                	
.bannerderfecha {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	position: relative;
	width: 100%;
	height: 30px;
	font-weight: bold;
	text-align: center;
	color: #999999;
}
.bannerderbotonera {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	position: relative;
	width: 100%;
	height: 30px;
	font-weight: bold;
	color: #999999;
	text-align: center;
}
.bannerderbuscar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	width: 100%;
	height: 50px;
	color: #999999;
	text-align: center;
}
.centro {
	width: 100%;
	background-color: #999999;
}
.centroizq {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	width: 675px;
	float:left;
	background-color: #999999;
}
.centroizqtop {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	width: 100%;
	height: 40px;
	background-color: #FFFFFF;
	color: #000000;
}
.centroizqcen {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	width: 100%;
	background-color: #999999;
}
.centroizqpie {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	width: 100%;
	height: 40px;
	background-color: #FFFFFF;
	color: #000000;
}
.centroder {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	width: 225px;
	float:left;
	background-color: #0000FF;
	text-align:center;
}
.pie {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	width: 100%;
	height: 100px;
	background-color: #666666;
	color: #FFFFFF;
	float: left;
	bottom:0px;

}

el tema es asi... todo funciona a la perfeccion menos los divs del centro que serian lo que modificarian su tamaño a medida que web crece.

el div "centroizqcen" y el div "centroder" son los del problema, el tema es que cuando cualquiera de estos dos div crecen aumenta el tamaño del div centro que eso estaria perfecto, pero lo que yo quiero es que si aumenta el div "centroizqcen" tambien aumente el tamaño (siempre en altura) del div "centroder", y viceversa... no se cuanto ponerle en altura a esos dos divs, ya que asi como estan si aumenta uno se agranda el div que lo contiene (centro) pero solamente uno incrementa su valor y no ambos... en conclusion querria que los div cuando crece uno el otro crezca de igual manera.
  #2 (permalink)  
Antiguo 26/02/2010, 11:00
 
Fecha de Ingreso: agosto-2008
Mensajes: 469
Antigüedad: 9 años, 3 meses
Puntos: 20
Respuesta: alto de los div

Mira este ejemplo, creo que es lo que andas buscando.
__________________
Revisa las FAQ's antes de disparar.
  #3 (permalink)  
Antiguo 26/02/2010, 12:39
 
Fecha de Ingreso: febrero-2010
Mensajes: 44
Antigüedad: 7 años, 9 meses
Puntos: 0
Respuesta: alto de los div

Cita:
Iniciado por Impostor Ver Mensaje
Mira este [URL="http://araudi.net/ejemplos/columnas_equilibradas.html"]ejemplo[/URL], creo que es lo que andas buscando.
es lo que busco pero no lo puedo entender... alguno que me de una mano... gracias

Etiquetas: alto
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 10:59.