Tema: Filas fijas en una tabla
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 27/11/2010, 06:32
Avatar de chicohot20
chicohot20
 
Fecha de Ingreso: mayo-2009
Mensajes: 388
Antigüedad: 15 años, 6 meses
Puntos: 43
Filas fijas en una tabla
Hola chicos , hice una tabla y la primera fila esta con una posición fija, pero el ancho de sus columnas no se redimensiona al igual que las demas columnas, para que lo vean aqui les dejo el codigo (IE8,Opera 10)

Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
  3. <head><title>Placasur</title>
  4. <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
  5. <style>
  6. table td{
  7.         border: 1px solid #555555;
  8.         color: #555555;
  9. }
  10. th{
  11.         background-color:#DEEDF3;
  12.         border:1px solid #87BED3;
  13. }
  14. .ttitle{
  15.     position: fixed !important;
  16.     top: 0px;
  17.     background-color: #FFFFFF;
  18. }
  19. </style>
  20. </head><body>
  21. <table id='tresult'>
  22. <tr class="ttitle"><th>Código</th><th>Descripción</th><th>Stock</th><th>Costo</th><th>PrecioA</th><th>PrecioB</th></tr>
  23. <tr><td>400101</td><td>PRODUCTO 1 ABCDEFGHIJKLMNOPQRSTUVWXYZ</td><td>300</td><td>34.17</td><td>37.59</td><td>37.25</td></tr>
  24. <tr><td>400101</td><td>PRODUCTO 1 ABCDEFGHIJKLMNOPQRSTUVWXYZ</td><td>300</td><td>34.17</td><td>37.59</td><td>37.25</td></tr>
  25. <tr><td>400101</td><td>PRODUCTO 1 ABCDEFGHIJKLMNOPQRSTUVWXYZ</td><td>300</td><td>34.17</td><td>37.59</td><td>37.25</td></tr>
  26. <tr><td>400101</td><td>PRODUCTO 1 ABCDEFGHIJKLMNOPQRSTUVWXYZ</td><td>300</td><td>34.17</td><td>37.59</td><td>37.25</td></tr>
  27. <tr><td>400101</td><td>PRODUCTO 1 ABCDEFGHIJKLMNOPQRSTUVWXYZ</td><td>300</td><td>34.17</td><td>37.59</td><td>37.25</td></tr>
  28. <tr><td>400101</td><td>PRODUCTO 1 ABCDEFGHIJKLMNOPQRSTUVWXYZ</td><td>300</td><td>34.17</td><td>37.59</td><td>37.25</td></tr>
  29. <tr><td>400101</td><td>PRODUCTO 1 ABCDEFGHIJKLMNOPQRSTUVWXYZ</td><td>300</td><td>34.17</td><td>37.59</td><td>37.25</td></tr>
  30. <tr><td>400101</td><td>PRODUCTO 1 ABCDEFGHIJKLMNOPQRSTUVWXYZ</td><td>300</td><td>34.17</td><td>37.59</td><td>37.25</td></tr>
  31. <tr><td>400101</td><td>PRODUCTO 1 ABCDEFGHIJKLMNOPQRSTUVWXYZ</td><td>300</td><td>34.17</td><td>37.59</td><td>37.25</td></tr>
  32. <tr><td>400101</td><td>PRODUCTO 1 ABCDEFGHIJKLMNOPQRSTUVWXYZ</td><td>300</td><td>34.17</td><td>37.59</td><td>37.25</td></tr>
  33. <tr><td>400101</td><td>PRODUCTO 1 ABCDEFGHIJKLMNOPQRSTUVWXYZ</td><td>300</td><td>34.17</td><td>37.59</td><td>37.25</td></tr>
  34. <tr><td>400101</td><td>PRODUCTO 1 ABCDEFGHIJKLMNOPQRSTUVWXYZ</td><td>300</td><td>34.17</td><td>37.59</td><td>37.25</td></tr>
  35. <tr><td>400101</td><td>PRODUCTO 1 ABCDEFGHIJKLMNOPQRSTUVWXYZ</td><td>300</td><td>34.17</td><td>37.59</td><td>37.25</td></tr>
  36. <tr><td>400101</td><td>PRODUCTO 1 ABCDEFGHIJKLMNOPQRSTUVWXYZ</td><td>300</td><td>34.17</td><td>37.59</td><td>37.25</td></tr>
  37. <tr><td>400101</td><td>PRODUCTO 1 ABCDEFGHIJKLMNOPQRSTUVWXYZ</td><td>300</td><td>34.17</td><td>37.59</td><td>37.25</td></tr>
  38. <tr><td>400101</td><td>PRODUCTO 1 ABCDEFGHIJKLMNOPQRSTUVWXYZ</td><td>300</td><td>34.17</td><td>37.59</td><td>37.25</td></tr>
  39. <tr><td>400101</td><td>PRODUCTO 1 ABCDEFGHIJKLMNOPQRSTUVWXYZ</td><td>300</td><td>34.17</td><td>37.59</td><td>37.25</td></tr>
  40. <tr><td>400101</td><td>PRODUCTO 1 ABCDEFGHIJKLMNOPQRSTUVWXYZ</td><td>300</td><td>34.17</td><td>37.59</td><td>37.25</td></tr>
  41. <tr><td>400101</td><td>PRODUCTO 1 ABCDEFGHIJKLMNOPQRSTUVWXYZ</td><td>300</td><td>34.17</td><td>37.59</td><td>37.25</td></tr>
  42. <tr><td>400101</td><td>PRODUCTO 1 ABCDEFGHIJKLMNOPQRSTUVWXYZ</td><td>300</td><td>34.17</td><td>37.59</td><td>37.25</td></tr>
  43. <tr><td>400101</td><td>PRODUCTO 1 ABCDEFGHIJKLMNOPQRSTUVWXYZ</td><td>300</td><td>34.17</td><td>37.59</td><td>37.25</td></tr>
  44. <tr><td>400101</td><td>PRODUCTO 1 ABCDEFGHIJKLMNOPQRSTUVWXYZ</td><td>300</td><td>34.17</td><td>37.59</td><td>37.25</td></tr>
  45. <tr><td>400101</td><td>PRODUCTO 1 ABCDEFGHIJKLMNOPQRSTUVWXYZ</td><td>300</td><td>34.17</td><td>37.59</td><td>37.25</td></tr>
  46. <tr><td>400101</td><td>PRODUCTO 1 ABCDEFGHIJKLMNOPQRSTUVWXYZ</td><td>300</td><td>34.17</td><td>37.59</td><td>37.25</td></tr>
  47. <tr><td>400101</td><td>PRODUCTO 1 ABCDEFGHIJKLMNOPQRSTUVWXYZ</td><td>300</td><td>34.17</td><td>37.59</td><td>37.25</td></tr>
  48. <tr><td>400101</td><td>PRODUCTO 1 ABCDEFGHIJKLMNOPQRSTUVWXYZ</td><td>300</td><td>34.17</td><td>37.59</td><td>37.25</td></tr>
  49. <tr><td>400101</td><td>PRODUCTO 1 ABCDEFGHIJKLMNOPQRSTUVWXYZ</td><td>300</td><td>34.17</td><td>37.59</td><td>37.25</td></tr>
  50. <tr><td>400101</td><td>PRODUCTO 1 ABCDEFGHIJKLMNOPQRSTUVWXYZ</td><td>300</td><td>34.17</td><td>37.59</td><td>37.25</td></tr>
  51. <tr><td>400101</td><td>PRODUCTO 1 ABCDEFGHIJKLMNOPQRSTUVWXYZ</td><td>300</td><td>34.17</td><td>37.59</td><td>37.25</td></tr>
  52. <tr><td>400101</td><td>PRODUCTO 1 ABCDEFGHIJKLMNOPQRSTUVWXYZ</td><td>300</td><td>34.17</td><td>37.59</td><td>37.25</td></tr>
  53. <tr><td>400101</td><td>PRODUCTO 1 ABCDEFGHIJKLMNOPQRSTUVWXYZ</td><td>300</td><td>34.17</td><td>37.59</td><td>37.25</td></tr>
  54. <tr><td>400101</td><td>PRODUCTO 1 ABCDEFGHIJKLMNOPQRSTUVWXYZ</td><td>300</td><td>34.17</td><td>37.59</td><td>37.25</td></tr>
  55. <tr><td>400101</td><td>PRODUCTO 1 ABCDEFGHIJKLMNOPQRSTUVWXYZ</td><td>300</td><td>34.17</td><td>37.59</td><td>37.25</td></tr>
  56. </table></div>
  57. </body>
  58. </html>

Gracias