Foros del Web » Creando para Internet » CSS »

Congelar cabecera de una tabla

Estas en el tema de Congelar cabecera de una tabla en el foro de CSS en Foros del Web. Buenas noches, tengo el siguiente problema que no he podido resolver aun, tengo una tabla la cual necesita que tenga un scroll, para que siempre ...
  #1 (permalink)  
Antiguo 25/01/2012, 23:28
Avatar de goteen_mx  
Fecha de Ingreso: abril-2005
Ubicación: D.F.
Mensajes: 403
Antigüedad: 19 años
Puntos: 37
Congelar cabecera de una tabla

Buenas noches, tengo el siguiente problema que no he podido resolver aun, tengo una tabla la cual necesita que tenga un scroll, para que siempre se vea el header y el footer, ya que en una vienen los titulos y en la otra los controles, por política no puedo utilizar librerias externas, ahora lo que hice fue lo siguiente:

Código HTML:
Ver original
  1. <div id='header' style='width:100%;overflow-y:hidden;overflow-x:hidden;'>
  2.    <table>
  3.        <col width='10%'>
  4.        <col width='80%'>
  5.        <col width='10%'>
  6.          ..................
  7.     </table>
  8. </div>
  9. <div id='body' style='width:100%;height:500px;overflow-y:scroll;overflow-x:hidden;>
  10.    <table>
  11.       <col width='10%'>
  12.        <col width='80%'>
  13.        <col width='10%'>
  14.          ..................
  15.     </table>
  16. </div>
  17. <div id='footer'  style='width:100%;overflow-y:hidden;overflow-x:hidden;'>
  18.    <table>
  19.        <col width='10%'>
  20.        <col width='80%'>
  21.        <col width='10%'>
  22.          ..................
  23.     </table>
  24. </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.
__________________
Born to be free.
  #2 (permalink)  
Antiguo 26/01/2012, 19:11
Avatar de madhatterdef  
Fecha de Ingreso: diciembre-2011
Ubicación: argentina
Mensajes: 213
Antigüedad: 12 años, 4 meses
Puntos: 59
Respuesta: Congelar cabecera de una tabla

si entendí bien position: fixed;
__________________
PD gracias por el karma
  #3 (permalink)  
Antiguo 26/01/2012, 21:44
Avatar de goteen_mx  
Fecha de Ingreso: abril-2005
Ubicación: D.F.
Mensajes: 403
Antigüedad: 19 años
Puntos: 37
Respuesta: Congelar cabecera de una tabla

Fijate que lo logre hacer en Firefox con position:static y en el tbody overflow-y:scroll, pero no funciona en IE, lo que hice fue bajar una libreria de jquery y saque la función que hece ese efecto, ya que trae más funciones que no requiero, lo que hace la función es crear un div con el encabezado y otro para el body, y al parecer me esta funcionado bien con todos los navegadores exceptuando chrome que me desalinea la tabla como en 2px pero dándole un width de -2% al valor que requiero se ve bien y casi no se nota con IE y Firefox.

De todos modos gracias, por el tip.

Saludos.
__________________
Born to be free.
  #4 (permalink)  
Antiguo 26/01/2012, 22:13
Avatar de madhatterdef  
Fecha de Ingreso: diciembre-2011
Ubicación: argentina
Mensajes: 213
Antigüedad: 12 años, 4 meses
Puntos: 59
Respuesta: Congelar cabecera de una tabla

de nada me alegro de que hallas podido arreglártelas solo
bien por publicar tu respuesta al problema
__________________
PD gracias por el karma

Etiquetas: tabla, tamaño, cabeceras
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:48.