Ver Mensaje Individual
  #3 (permalink)  
Antiguo 04/12/2007, 09:10
fuentessoft
 
Fecha de Ingreso: junio-2007
Mensajes: 4
Antigüedad: 17 años
Puntos: 0
Re: Mantener los titulos fijos de una tabla

yo tengo una solucion que te servira de mucho pero esta solucion esta implementada y probada solo para firefox, safari, opera, pero para internet explorer no funciona nada bien, haber si alguien me da la solucion para IE.

--------------------------------------------------------

<style type="text/css">
<!--
.style7 {color: #FFFFFF; font-weight: bold; font-size: 16px; font-family: Geneva, Arial, Helvetica, sans-serif; }
.class{ overflow:auto;overflow-x:hidden; width:100%; padding-right:100px; height:150px; top:40px;}
/*<tbody id="datos" style="height:10px; top:40px; overflow-y:auto;"> */
-->
</style>
<table width="100%" border="1">

<thead>
<tr>
<td width="200" class="style7"bgcolor="#003366">Columna Demo 1</td>
<td width="200" class="style7" bgcolor="#003366">Columna Demo 2</td>
<td width="200" class="style7" bgcolor="#003366">Columna Demo 3</td>

</tr>
</thead>

<tbody id="datos" class="class">
<!--<tbody id="datos" style="height:200px; top:40px; overflow:scroll; width:100%;"> -->
<!--<tbody id="datos" style="height:100px; top:40px; overflow-y:auto;">-->
<tr>
<td>a</td>
<td>1</td>

<td>s</td>
</tr>
<tr>
<td>d</td>
<td>2</td>
<td>f</td>
</tr>

<tr>
<td>a</td>
<td>3</td>
<td>f</td>
</tr>
<tr>
<td>f</td>

<td>4</td>
<td>f</td>
</tr>
<tr>
<td>a</td>
<td>5</td>
<td>s</td>

</tr>
<tr>
<td>d</td>
<td>6</td>
<td>f</td>
</tr>
<tr>

<td>a</td>
<td>7</td>
<td>f</td>
</tr>
<tr>
<td>f</td>
<td>8</td>

<td>f</td>
</tr>
<tr>
<td>a</td>
<td>9</td>
<td>s</td>
</tr>

<tr>
<td>d</td>
<td>10</td>
<td>f</td>
</tr>
<tr>
<td>a</td>

<td>11</td>
<td>f</td>
</tr>
<tr>
<td>f</td>
<td>12</td>
<td>f</td>

</tr>
<tr>
<td>a</td>
<td>13</td>
<td>s</td>
</tr>
<tr>

<td>d</td>
<td>14</td>
<td>f</td>
</tr>
<tr>
<td>a</td>
<td>15</td>

<td>f</td>
</tr>
<tr>
<td>f</td>
<td>16</td>
<td>f</td>
</tr>

</tbody>
</table>