Ver Mensaje Individual
  #8 (permalink)  
Antiguo 19/12/2011, 16:57
Avatar de emprear
emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 15 años, 1 mes
Puntos: 1567
Respuesta: Imprimir listado con encabezado en cada hojaA4

Estuve haciendo unas pruebas y solo conseguí un resultado aceptable en Firefox, te lo dejo como ejemplo
Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <title>titulo</title>
  5. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  6. <link rel="stylesheet" type="text/css" href="p.css" media="print" />
  7. <link rel="stylesheet" type="text/css" href="s.css" media="screen" />
  8. </head>
  9.     <div class="hprint">
  10.         <h1>Header de impresión</h1>
  11.     </div>
  12. <table id="tabla" border="1">
  13. <tr>
  14. <td>
  15. celda 1 fila 1 <p>parrafo</p>
  16. </td>
  17. <td>
  18. celda 2 fila 1
  19. </td>
  20. <td>
  21. celda 3 fila 1
  22. </td>
  23. </tr>
  24. <tr>
  25. <td>
  26. celda 1 fila 2
  27. </td>
  28. <td>
  29. celda 2 fila 2
  30. </td>
  31. <td>
  32. celda 3 fila 2
  33. </td>
  34. </tr>
  35. <!-- insertar mas  filas aquí -->
  36.  
  37.     <div class="fprint">
  38.         <h1>footer de impresión</h1>
  39.     </div>
  40. </body>
  41. </html>

s.css
Código CSS:
Ver original
  1. div.hprint, div.fprint{
  2. display: none;
  3. }

p.css
Código CSS:
Ver original
  1. div.hprint {
  2. position: fixed;
  3. height: 120px;
  4. display:block;
  5. }
  6. div.fprint {
  7. position: fixed;
  8. height: 120px;
  9. margin-top: 120px;
  10. display:block;
  11. bottom: 0;
  12. left: 0;
  13. }
  14. table {
  15. margin-top: 120px;
  16. margin-bottom: 120px;
  17. }

Estuve buscando, pero no encontré ninguna solución definitiva que se pueda drealizar a través de Css solamente.

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.