Hola gente. estoy haciendo una plantilla y necesito hacer que el DIV costado sea del mismo tamaño que el wrap.... les doy una imagen de lo que quiero aver si se guian mejor
IMAGEN img36.imageshack.us/img36/367/dibujoqol.jpg
yo necesito que el DIV costado se agrande en HEIGHT hacia abajo hasta llegar al div del costado.
pongo el codigo fuente.
index.html
Código:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>page</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrap">
<div id="encabezado"></div>
<div id="costado">
<p> </p>
<p> </p>
<p><br />
<br />
<br />
</p>
</div>
<div id="contenido">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
<div id="footer"></div></div>
</body>
</html>
style.css
Código:
#encabezado{
background-image: url(images/header.png);
background-repeat:repeat-x;
width:770px;
height:160px;
margin: 0 0 0 0px;
padding: 0 0 0 0px;
}
#wrap{
width:771px;
height: auto;
margin-left:auto;
margin-right:auto;
margin-top:0px;
padding:0 0 0 0px;
}
#costado{
background-image: url(images/cbackground.png);
background-repeat: repeat-x;
background-color: #66b80e;
width: 186px;
min-height: 100%;
max-height: 100%;
height: 100%;
float: left;
padding:0 0 0 0 px;
margin: 0 0 0 0 px;
}
#contenido{
background-image: url(images/centro.png);
width: 555px;
margin-left: 186px;
padding: 10px 15px 7px 15px;
background-repeat: repeat-x;
background-color: white;
}
body{
margin: 0;
padding: 0;
background-image: url(images/fondo.png);
}
#footer{
background-image: url(images/footer.png);
background-repeat: no-repeat;
width: 771px;
height: 67px;
}
y veran que este es mi post de presentacion, estoy registrado hace tiempo pero como todo lo que necesitaba ya estaba posteado anteriormente, eso me solucionaba las dudas.. pero ahora me mato :S no encuentro solucion, estube googleando como 3 horas y no encontre nada.. encontre esto csscreator.com/node/20471 pero no me sirve de nada ya que no entiendo la explicacion tan extensa que da.