Buenos días,
tengo una tabla y estoy intentando hacer una cabecera fija, lo he conseguido de la siguiente manera pero el problema es el "height" y el scroll (pues tengo dos):
Código HTML:
<div style='position: fixed;'>
<table>CABECERA</table>
</div>
<div style='height: 300px; position: relative; overflow: auto;'>
<table>CONTENIDO</table>
</div>
Lo que me gustaría es que
no fuera 300px sino que me llegara hasta el final de la página y que la cabecera se quedará fija dónde está.
Por otra parte tal como lo tengo hay el problema de los dos scrolls, el de la div y el de la página. Me gustaría poder moverme por la tabla con el scroll de la página.
NOTA: todo este fragmento de código va dentro del siguiente (es contenido dinámico cargado a partir de ajax):
Código HTML:
<head>
<style>
div.uno{
position: relative;
width: 100%;
}
div.dos{
background-color: #ffffff;
margin: auto;
width: 90%;
}
</style>
</head>
<body>
<div class="uno">
<div class="dos">contenido dinamico que se mostrara la tabla</div>
</div>
</body> Gracias,
saludos