Hola muy buenas, tengo un problemilla con un div lateral... Me gustaria que tuviese una altura al 100% del tamaño del navegador.. He buscado soluciones y he intentado lo de poner esto:
Código:
body, html {
text-align: center;
height: 100%;
}
* {
padding:0;
margin:0 auto;
}
#contenedor {
position: relative;
top: 0px;
left:0px;
width: 190px;
height:100%;
visibility:visible;
background-color:#94B5BD;
padding:0;
margin:0 auto;
}
pero no me funciona... Supongo que es por culpa de los divs colindantes al div lateral. Les pego el código css de dichos divs.
Código:
/* #############################################################################
BODY
#############################################################################
*/
body
{
margin:0;
padding: 0;
color: #000;
background-color: #fff;
font: 10px Verdana, Arial, sans-serif;
margin-bottom: 2px solid red;
height:100%;
}
#NavBotonOcultarBarraIzqda
{
/*position:fixed !important;*/
position:absolute;
width:21px;
height: 1500px;
top: 221px;
background-image:url(imagenes/barra_01.png)!important;
background-image:url(imagenes/barra_01.gif);
background-repeat: no-repeat;
background-color:#fff;
left:184px;
background-position: -30px 0px;
visibility:visible;
}
#NavBotonMostrarBarraIzqda
{
/*position:fixed !important;*/
position:absolute;
top: 221px;
background-color:#fff;
width:21px;
height: 1500px;
background-image:url(imagenes/barra_02.png)!important;
background-image:url(imagenes/barra_02.gif);
background-repeat: no-repeat;
left:0px;
background-position: -30px 0px;
visibility:hidden;
border-left:2px solid #FF9700;
}
#NavBotonMostrarBarraIzqda.NavBotonMostrarBarraIzqdaHover
{
background-position: 0px 0px;
cursor:pointer;
}
#NavBotonOcultarBarraIzqda.NavBotonOcultarBarraIzqdaHover
{
background-position: 0px 0px;
cursor:pointer;
}
/* #############################################################################
CONTENEDOR DE LAS ZONAS DE LA IZQUIERDA
############################################################################# */
#NavBarraIzqda
{
float:left;
position: absolute;
top: 221px;
left:0;
/*width:13.49%;*/
width: 185px;
height: 1500px;
background: #61697A;
z-index:1;
}
A ver si me pueden hechar un cable.. Proque no encuentro el problema. Lo he probado con un div solo y si que funciona.. Pero cuando hay otros divs "más grandes" ....
Gracias de antemano!!
Tom Baker