fijar cabecera para tablas definidas en %

[Paco]

gracias por responder,

Lo de las dos tablas es para hacer que la cabecera no me desaparezca al mover el scroll hacia abajo, es decir una tabla esta fija y representa la cabecera y la otra se mueve con el scroll y representa los datos. si pones el overflow-y a hidden o bien tienes menos de 186 px de datos en la tabla inferior veras que las columnas de la cabecera se corresponden con las columnas de los datos, en cambio cuando superas esos 186 px de datos y tienes el overflow-y a auto aparece un scroll en la tabla inferior que descuadra las columnas. Mi problema es como mantener cuadradas las columnas sin dejar de utilizar los %

un saludo

[[kayetano]]

Hola

La verdad es que no se me ocurre nada. Igual con JavaScript puedes hacer algo, pero le tienes crudo. Piensa que entre las dos tablas no existe ninguna relación por lo tanto cada una de ellas se comporta de diferente forma.

Siento no poder ayudarte.

[Paco]

Gracias de todas formas

un saludo

[roman]

Hablo un poco en el aire ya que no sé si funcione. ¿Qué pasa si defines tu tabla así:

Código PHP:

<table>
<thead>
  <tr><td></td><td></td></tr>
</thead>
<tbody>
  <tr><td></td><td></td></tr>
  <tr><td></td><td></td></tr>
  <tr><td></td><td></td></tr>
  <tr><td></td><td></td></tr>
</tbody>
</table> 


y pones el overflow a la etiqueta <tbody>?

Creo recordar que esto funciona en un navegador y no en otro. Habría que probar.

// Saludos

[Paco]

Hola Roman, gracias por tu ayuda, pero no soy capaz de colocar el scroll en el tboby, el código que escribo es el siguiente:

Código PHP:

 <table border="1"> 
 <thead> 
   <tr><td>hola</td><td>adios</td></tr> 
 </thead> 
 <tbody id="datos" style="height:10px; top:40px; overflow-y:auto;"> 
   <tr><td>a</td><td>s</td></tr> 
   <tr><td>d</td><td>f</td></tr> 
   <tr><td>a</td><td>f</td></tr> 
   <tr><td>f</td><td>f</td></tr> 
   <tr><td>a</td><td>s</td></tr> 
   <tr><td>d</td><td>f</td></tr> 
   <tr><td>a</td><td>f</td></tr> 
   <tr><td>f</td><td>f</td></tr>
   <tr><td>a</td><td>s</td></tr> 
   <tr><td>d</td><td>f</td></tr> 
   <tr><td>a</td><td>f</td></tr> 
   <tr><td>f</td><td>f</td></tr>
   <tr><td>a</td><td>s</td></tr> 
   <tr><td>d</td><td>f</td></tr> 
   <tr><td>a</td><td>f</td></tr> 
   <tr><td>f</td><td>f</td></tr>
 </tbody> 
 </table> 


creo que voy a tener que utilizar javascrit para solucionar mi problema,
un Saludo.