Foros del Web » Creando para Internet » CSS »

Tabla con cabecera fija

Estas en el tema de Tabla con cabecera fija en el foro de CSS en Foros del Web. Hola como estan soy nuev o en el foro deseo q me ayuden con el problema que tengo, lo que pasa tengo una tabla html ...
  #1 (permalink)  
Antiguo 17/09/2009, 14:48
 
Fecha de Ingreso: septiembre-2009
Mensajes: 1
Antigüedad: 8 años, 2 meses
Puntos: 0
Tabla con cabecera fija

Hola como estan soy nuev o en el foro deseo q me ayuden con el problema que tengo, lo que pasa tengo una tabla html con cabecera fija y el cuerpo con scroll el problema esta en el firefox cuando solo tiene una linea en el cuerpo de la tabla ocupa todo el espacio dado al cuerpo. Aqui les dejo mi codigo para ver si me pueden ayudar.
El problema esta en el firefox en el explorer si funk; saludos gracias x la respuesta
Código HTML:
 <style type="text/css">
 div.fixedHeaderTable {
     position: relative;
 }
 div.fixedHeaderTable table {
     width:100%;
 }
 div.fixedHeaderTable tbody {
     height: 200px;
    overflow-y: auto;
     overflow-x: hidden;
 }
 div.fixedHeaderTable table th {
     background-color:#CCCCCC;font-weight:bold
 }
 div.fixedHeaderTable table td {
     background-color:#EEEEEE
 }
 div.fixedHeaderTable thead td, div.fixedHeaderTable thead th {
     position:relative;
 }
 
/* IE7 hacks */
 div.fixedHeaderTable {
     *position: relative;
     *height: 200px;
     *overflow-y: scroll;
     *overflow-x: hidden;
     *padding-right:16px;
 }
 
 div.fixedHeaderTable thead tr {
     *position: relative;
     _position: absolute;
    *top: expression(this.offsetParent.scrollTop-2);
     *background:none;
     background-color:#FFFFFF
 }
  
 div.fixedHeaderTable tbody {
     *height: auto;
     *position:absolute;
     *top:50px;   
 }

 /* IE6 hacks */
 div.fixedHeaderTable {
     _width:expression(this.offsetParent.clientWidth-20);
     _overflow: auto;
     _overflow-y: scroll;
     _overflow-x: hidden;
 }
 div.fixedHeaderTable thead tr {
     _position: relative
 }
 </style>

<div class="fixedHeaderTable">
   <table>
      <thead>
      	<tr><th>uno</th><th>dos</th><th>tres</th></tr>
      </thead>
      <tbody>
         <tr><td>aaaa</td><td>bbbb</td><td>cccc</td></tr>
         <tr><td>aaaa</td><td>bbbb</td><td>cccc</td></tr>
         <tr><td>aaaa</td><td>bbbb</td><td>cccc</td></tr>
         <tr><td>aaaa</td><td>bbbb</td><td>cccc</td></tr>

      </tbody>
   </table>       
</div> 
  #2 (permalink)  
Antiguo 17/04/2013, 15:57
 
Fecha de Ingreso: abril-2013
Mensajes: 3
Antigüedad: 4 años, 8 meses
Puntos: 0
Respuesta: Tabla con cabecera fija

amigo pense usar tu codigo pero el scroll solo funciona en internet explorer. en firefox y Chrome no funciona el scroll
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 21:03.