Código HTML:
Ver original
<div id='header' style='width:100%;overflow-y:hidden;overflow-x:hidden;'> <table> <col width='10%'> <col width='80%'> <col width='10%'> .................. </table> </div> <div id='body' style='width:100%;height:500px;overflow-y:scroll;overflow-x:hidden;> <table> <col width='10%'> <col width='80%'> <col width='10%'> .................. </table> </div> <div id='footer' style='width:100%;overflow-y:hidden;overflow-x:hidden;'> <table> <col width='10%'> <col width='80%'> <col width='10%'> .................. </table> </div>
El problema es que el tamaño del scroll, me recorre el tamaño de las columnas del body y quedan desalineadas respecto al header o footer, ya he intendado de muchas maneras, y la que mas se ha parecido a lo que quiero es poner los tamaños en pixeles, pero en el caso de resoluciones muy altas se desalinea de igual forma en el tamaño de lo que mide el scroll, espero me puedan ayudar.
Gracias.
Saludos.