Hola a todos,
Quiero poner en mi pagina 2 contenedores, uno que tenga la cabecera de una tabla, y otro con las filas de mi tabla, y que permita scrollbar. El codigo , simplificado, es el siguiente:
Código:
<div id="cabecera">
<table></table>
</div>
<div id="cuerpo">
<table></table>
</div>
#cabecera{
position:absolute;
width: 100%;
border-style:solid;
border-width:1px;
overflow: hidden;
}
#cuerpo{
float:center;
left: 0%;
height:80%;
width: 100%;
overflow: auto;
background-color:#fff;
}
El problema que tengo es que el contenedor cuerpo se pone encima de la cabecera, y esta no se ve. Si uso posicionamiento absoluto con porcentajes para posicionarlos, cuando voy disminuyendo la ventana las letras de la cabecera se ocultan por debajo del contenedor cabecera, y no es un efecto deseado.
¿Como puedo arreglarlo?
Gracias y un saludo