Hola a todos, bueno tengo un CSS, en el cual hago lo siguiente.
configuro primero CSS asi
Código:
body {
margin : 0; height:100%;
font-family : verdana, arial, helvetica, sans-serif;
font-size : 10px;
color:#666666;
background-color: #333333;
}
#sombracont{
width:770px; height:100%; margin:auto;
background-image:url(images/fondo.png); background-repeat:repeat-y;
}
#contenedor{
width:750px; margin:auto;
background-color:#FFFFFF;
border-left:#666666 solid 1px; border-right:#666666 solid 1px;
position: relative;
min-height: 100%;
height: auto;
height: 100%;
}
#cabecera{
width:100%; height:161px;
background-color:#000000;
}
#sombracab{
width:100%; height:8px;
background-image:url(images/sombracab.png); background-repeat:repeat-x;
}
#contenido{
width:100%; height:100%;
}
#izquierda{
float:left; margin-left:5px;
width:175px; height:auto;
font-size:11px; border-right:#666666 solid 1px;
}
#derecha{
float:right;
width:150px; height:auto;
}
#centro{
margin:185px; margin-top:0;
width:380px; height:auto;
}
#pie{
width:750px; height:auto; margin:auto;
text-align:center;
background-color:#FFFFFF;
border-right:#666666 solid 1px;
position: absolute;
bottom: 0;
}
Bien, ahora el problema es el siguiente en html pongo el #contenedor, dentro del mismo la #cabecera hasta ahi todo perfecto, la pagina ocupa el 100%, y no me es necesario utilizar el scroll que es la idea principal.
bueno pero resulta lo siguiente, cuando debajo de la cabecera y la sombra cabecera pongo el div "contenido" que tambien tiene height 100% porque la idea es que ese llegue hasta el final de la página, pero que no sea necesario utilizar el scroll, resulta que se me agregan la cantidad de pixels que utilizan los divis cabecera y sombra cabecera al final de la pagina, y se me activa el scroll...
como puedo solucionar esto??? ya que la idea es que contenedor llegue hasta el final de la pagina, y que los divs que estan dentro de el tengan su propio scroll, que el scroll principal del navegador no sea necesario activarlo.
Saludos