Ver Mensaje Individual
  #9 (permalink)  
Antiguo 19/12/2011, 17:48
Avatar de SirDuque
SirDuque
 
Fecha de Ingreso: febrero-2009
Ubicación: Paso del Rey, Buenos Aires, Argentina
Mensajes: 975
Antigüedad: 13 años, 6 meses
Puntos: 89
Respuesta: Imprimir listado con encabezado en cada hojaA4

Lo manipule un poco, ustedes corrigiran el CSS, ya que soy muy novato... pero logre esto:

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" class="tabla">
  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. <tr>
  37. <td>
  38. celda 1 fila 1 <p>parrafo</p>
  39. </td>
  40. <td>
  41. celda 2 fila 1
  42. </td>
  43. <td>
  44. celda 3 fila 1
  45. </td>
  46. </tr>
  47. <tr>
  48. <td>
  49. celda 1 fila 2
  50. </td>
  51. <td>
  52. celda 2 fila 2
  53. </td>
  54. <td>
  55. celda 3 fila 2
  56. </td>
  57. </tr><tr>
  58. <td>
  59. celda 1 fila 1 <p>parrafo</p>
  60. </td>
  61. <td>
  62. celda 2 fila 1
  63. </td>
  64. <td>
  65. celda 3 fila 1
  66. </td>
  67. </tr>
  68. <tr>
  69. <td>
  70. celda 1 fila 2
  71. </td>
  72. <td>
  73. celda 2 fila 2
  74. </td>
  75. <td>
  76. celda 3 fila 2
  77. </td>
  78. </tr><tr>
  79. <td>
  80. celda 1 fila 1 <p>parrafo</p>
  81. </td>
  82. <td>
  83. celda 2 fila 1
  84. </td>
  85. <td>
  86. celda 3 fila 1
  87. </td>
  88. </tr>
  89. <tr>
  90. <td>
  91. celda 1 fila 2
  92. </td>
  93. <td>
  94. celda 2 fila 2
  95. </td>
  96. <td>
  97. celda 3 fila 2
  98. </td>
  99. </tr><tr>
  100. <td>
  101. celda 1 fila 1 <p>parrafo</p>
  102. </td>
  103. <td>
  104. celda 2 fila 1
  105. </td>
  106. <td>
  107. celda 3 fila 1
  108. </td>
  109. </tr>
  110. <tr>
  111. <td>
  112. celda 1 fila 2
  113. </td>
  114. <td>
  115. celda 2 fila 2
  116. </td>
  117. <td>
  118. celda 3 fila 2
  119. </td>
  120. </tr><tr>
  121. <td>
  122. celda 1 fila 1 <p>parrafo</p>
  123. </td>
  124. <td>
  125. celda 2 fila 1
  126. </td>
  127. <td>
  128. celda 3 fila 1
  129. </td>
  130. </tr>
  131. <tr>
  132. <td>
  133. celda 1 fila 2
  134. </td>
  135. <td>
  136. celda 2 fila 2
  137. </td>
  138. <td>
  139. celda 3 fila 2
  140. </td>
  141. </tr><tr>
  142. <td>
  143. celda 1 fila 1 <p>parrafo</p>
  144. </td>
  145. <td>
  146. celda 2 fila 1
  147. </td>
  148. <td>
  149. celda 3 fila 1
  150. </td>
  151. </tr>
  152. <tr>
  153. <td>
  154. celda 1 fila 2
  155. </td>
  156. <td>
  157. celda 2 fila 2
  158. </td>
  159. <td>
  160. celda 3 fila 2
  161. </td>
  162. </tr><tr>
  163. <td>
  164. celda 1 fila 1 <p>parrafo</p>
  165. </td>
  166. <td>
  167. celda 2 fila 1
  168. </td>
  169. <td>
  170. celda 3 fila 1
  171. </td>
  172. </tr>
  173. <tr>
  174. <td>
  175. celda 1 fila 2
  176. </td>
  177. <td>
  178. celda 2 fila 2
  179. </td>
  180. <td>
  181. celda 3 fila 2
  182. </td>
  183. </tr><tr>
  184. <td>
  185. celda 1 fila 1 <p>parrafo</p>
  186. </td>
  187. <td>
  188. celda 2 fila 1
  189. </td>
  190. <td>
  191. celda 3 fila 1
  192. </td>
  193. </tr>
  194. <tr>
  195. <td>
  196. celda 1 fila 2
  197. </td>
  198. <td>
  199. celda 2 fila 2
  200. </td>
  201. <td>
  202. celda 3 fila 2
  203. </td>
  204. </tr><tr>
  205. <td>
  206. celda 1 fila 1 <p>parrafo</p>
  207. </td>
  208. <td>
  209. celda 2 fila 1
  210. </td>
  211. <td>
  212. celda 3 fila 1
  213. </td>
  214. </tr>
  215. <tr>
  216. <td>
  217. celda 1 fila 2
  218. </td>
  219. <td>
  220. celda 2 fila 2
  221. </td>
  222. <td>
  223. celda 3 fila 2
  224. </td>
  225. </tr>
  226.  
  227.     <div class="fprint">
  228.         <h1>footer de impresión</h1>
  229.     </div>
  230. </body>
  231. </html>

s.css
Código CSS:
Ver original
  1. @charset "utf-8";
  2. /* CSS Document */
  3.  
  4. div.fprint{
  5. display: none;
  6. }
  7. div.hprint{
  8. display:block;
  9.     border:double;
  10. }
  11. .tabla{
  12.     width:100%;
  13.     border:#000000;
  14.     border:double;
  15.     top:50px;
  16.     position:relative;
  17.     page-break-after:auto;
  18. }

p.css

Código CSS:
Ver original
  1. @charset "utf-8";
  2. /* CSS Document */
  3.  
  4. div.hprint {
  5. position: fixed;
  6. height: 120px;
  7. display:block;
  8. }
  9. div.fprint {
  10. position: fixed;
  11. height: 120px;
  12. margin-top: 120px;
  13. display:block;
  14. bottom: 0;
  15. left: 0;
  16. }
  17. .tabla{
  18.     width:100%;
  19.     border:#000000;
  20.     border:double;
  21.     top:100px;
  22.     position:relative;
  23.     page-break-after:auto;
  24. }

Funciona bien en IE y Firefox

Lo que no queda bien es el footer
__________________
Mono programando!
twitter.com/eguimariano