Programación en castellano
Inicio > Taller Web > CSS > Forzar un salto de página en la impresión
-Artículos

Forzar un salto de página en la impresión

1 . Introducción
2 . Para Internet Explorer (versión 4.0 o superior)
3 . Para Netscape Navigator (versión 4 o superior)

En la línea de los artículos relacionados con la impresión, en este taller te presentamos el procedimiento a utilizar para forzar un salto de página al imprimir una página Web desde el navegador.

Introducción

Si has tratado nunca de imprimir una página Web a menudo habrás sido víctima de saltos de página en secciones inesperadas y poco prácticas. Esto puede evitarse aplicando un pequeño recurso de DHTML (y más concretamente hojas de estilo) para Internet Explorer y mediante un truquillo muy sencillo en el caso de Netscape.

En ambos casos deberás disponer de versiones 4.0 o superior. No se pretende juzgar que navegador implementa mejor esta característica (en otros sitios web encontrarás extensa documentación a favor y en contra de ambos), simplemente selecciona el código que necesitas (en el mejor de los casos aplica ambos trucos) o pruebalo tu mismo imprimiendo esta página de ejemplo.

Para Internet Explorer (versión 4.0 o superior)

Debes crear una hoja de estilos y definir el tag H1 del como sigue: (recuerda que debes insertar el tag style dentro del tag head del documento).

<STYLE>
 H1.SaltoDePagina
 {
     PAGE-BREAK-AFTER: always
 }
</STYLE>

En el sitio en que quieras forzar el salto de página deberás poner el tag h1 aplicando el estilo SaltoDePagina definido anteriormente.

<H1 class=SaltoDePagina> </H1>

Para Netscape Navigator (versión 4 o superior)

Netscape no procesa el estilo PAGE-BREAK-AFTER con lo cual deberemos aplicar un truco simple pero efectivo para conseguir nuestro propósito.

Inserta todos aquellos contenidos que deseas se incluyan en una página dentro de una tabla ya que cuando una tabla no puede imprimirse por completo en una página Netscape fuerza un salto de página. Por ejemplo:

<table>
<tr><td>
Introduzca aquí los contenidos correspondientes a la página 1.
</td></tr>
</table>
<table>
<tr><td>
Introduzca aquí los contenidos correspondientes a la página 2.
</td></tr>
</table>
 

Últimos comentarios
Últimos 5 comentarios

Buen aporte! (18/06/2009)

Por
en el comentario anterior se omitieron los corchetes de las etiquetas, decía que en lugar de utilizar el H1 utilicé la etiqueta DIV, de igual manera debe de funcionar con cualquier otra etiqueta.

Saludos

Buen aporte! (18/06/2009)

Por
Agradezco el aporte me funciono perfectamente en IE7, únicamente agrege ; al final de la línea del salto y en lugar de utilizar utilicé un , de igual manera funciona perfectamente!
Saludos

solucionado para IE7 (12/11/2008)

Por
Como ponía en otros comentarios para otras versiones, si se pone   entre los h1 donde se fuerza el salto de página, funciona correctamente

par IE7 no funciona (03/11/2008)

Por
Funciona perfecto para internet explorer 6, pero para el 7 no hace el salto de página. Alguien sabe como hacerlo

Gracias

Se puede insertar en PHP.... (02/08/2008)

Por
al principio una parte y donde va el salto de pagina la otra parte, y me funciono, muchas gracias....
 
Tienda
Patrocinados
 

Copyright © 1999-2007 Programación en castellano. Todos los derechos reservados.
Formulario de Contacto - Datos legales - Publicidad

Hospedaje web y servidores dedicados linux por Ferca Network

red internet: musica mp3 | logos y melodias | hospedaje web linux | registro de dominios | servidores dedicados
más internet: comprar | recursos gratis | posicionamiento en buscadores | tienda virtual | gifs animados