Ver Mensaje Individual
  #2 (permalink)  
Antiguo 13/09/2010, 05:38
Avatar de triqui
triqui
 
Fecha de Ingreso: diciembre-2008
Ubicación: Zaragoza(España)
Mensajes: 624
Antigüedad: 15 años, 11 meses
Puntos: 31
Respuesta: Como hacer tabla con scrolling

Esto te lo resolveran mejor en el foro de CSS ó buscando en el buscador:

http://www.forosdelweb.com/search.ph...ISO+8859-1#811

Pero eso puede ser incluso un div, un panel,... viendo el codigo fuente lo resolveras.

Con una tabla así:

Código HTML:
Ver original
  1.   <thead style="font-weight:bold;">
  2.     <tr>
  3.       <th>cabeza 1</th>
  4.       <th>cabeza 2</th>
  5.       <th>cabeza 3</th>
  6.       <th>cabeza 4</th>
  7.     </tr>
  8.   </thead>
  9.   <tbody style="height:200px; overflow:auto;">
  10.     <tr>
  11.       <td>A</td>
  12.       <td>B</td>
  13.       <td>C</td>
  14.       <td>D</td>
  15.     </tr><tr>
  16.       <td>A</td>
  17.       <td>B</td>
  18.       <td>C</td>
  19.       <td>D</td>
  20.     </tr><tr>
  21.       <td>A</td>
  22.       <td>B</td>
  23.       <td>C</td>
  24.       <td>D</td>
  25.     </tr><tr>
  26.       <td>A</td>
  27.       <td>B</td>
  28.       <td>C</td>
  29.       <td>D</td>
  30.     </tr><tr>
  31.       <td>A</td>
  32.       <td>B</td>
  33.       <td>C</td>
  34.       <td>D</td>
  35.     </tr><tr>
  36.       <td>A</td>
  37.       <td>B</td>
  38.       <td>C</td>
  39.       <td>D</td>
  40.     </tr><tr>
  41.       <td>A</td>
  42.       <td>B</td>
  43.       <td>C</td>
  44.       <td>D</td>
  45.     </tr><tr>
  46.       <td>A</td>
  47.       <td>B</td>
  48.       <td>C</td>
  49.       <td>D</td>
  50.     </tr><tr>
  51.       <td>A</td>
  52.       <td>B</td>
  53.       <td>C</td>
  54.       <td>D</td>
  55.     </tr>
  56.   </tbody>
  57. </table>Como siempre, la tocada de webs viene de la mano de la implementación en Internet Exporer, que el alto especificado para tbody lo aplica a cada fila.
  58.  
  59. Las soluciones encontradas pasan


Un scrolling con div sería así:

Código HTML:
Ver original
  1. <div style="border : solid 2px #ff0000; background : #000000; color : #ffffff; padding : 4px; width : 200px; height : 50px; overflow : auto; ">
  2. 1<br />
  3. 2<br />
  4. 3<br />
  5. 4<br />
  6. 5<br />
  7. 6<br />
  8. 7<br />
  9. 8<br />
  10. 9<br />
  11. 10<br />
  12. </div>
__________________
La nueva red social de quinielas quiniela resultados
Cazaresultados Futbol base en directo