Page-break solo funciona con la primera

fdez87 · #1 (**permalink**) 02/02/2012, 05:46

Buenas!

Estoy usando los medios paginados para imprimir tablas dinamicas.
Mediante una funcion calculo cuando lleva 4 recibos, y en el quinto me imprime este div :

Código:

.salto_pagina_antes{
	 page-break-before:always; 
	 
}

y hace el salto de pagina correspondiente, pero solo en la primera pagina, en las demás ya me corta las tablas...
Hay alguna solución?

Saludos

kseso? · #2 (**permalink**) 02/02/2012, 07:13

Las propias especificaciones del consorcio recomiendan no utilizar el salto dentro de tablas.

Si le es posible lo menos problemático sería cerrar la tabla y abrir una nueva en vez de añadir ese "salto".
Eso le facilitará incluso añadir thead y tfoot en cada folio impreso.

fdez87 · #3 (**permalink**) 02/02/2012, 10:22

no la estoy utilizando dentro de una tabla, digamos que va un div que engloba otro div,una tabla,y dos tablas mas, pero me lo hace bien en el primer folios solamente.

Alguna vez leí que para los siguientes saltos tendria que usar otro codigo con algo de <br>, pero no se exactamente ni encuentro el enlace.

Saludos

Tedel · #4 (**permalink**) 02/02/2012, 14:32

¿Has probado con !important?

fdez87 · #5 (**permalink**) 02/02/2012, 15:49

Si, acabo de probar y nada, me respeta la primera pagina, las demas nanai.

emprear · #6 (**permalink**) 02/02/2012, 22:58

Por lo pronto, esto, que en principio es una estructura similar a la que planteas,

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
<style type="text/css">
/*<![CDATA[*/
@media print{
.salto_pagina_antes{
     page-break-before:always;
} 
}
 
/*]]>*/
</style>
 
 
</head>
<body>
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div class="salto_pagina_antes"><!--dix --></div>
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div class="salto_pagina_antes"><!--dix --></div>
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div class="salto_pagina_antes"><!--dix --></div>
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div class="salto_pagina_antes"><!--dix --></div>
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
</body>
</html>

Imprime 5 páginas en todos los navegadores. Habría que ver todo tu código fuente generado.
Saludos

fdez87 · #7 (**permalink**) 05/02/2012, 14:21

Mañana probaré, muchas gracias!