alto de los div 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:
css<!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í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>
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.
