Eliminar la cabecera y el pie de página de window.print()

Estoy usando window.print() para imprimir la página, pero tengo el encabezado y el pie de página que contiene el título de la página, la ruta del archivo, el número de página y la fecha. ¿Cómo eliminarlos?

También he intentado imprimir la hoja de estilos.

#header, #nav, .noprint
{
display: none;
}

Por favor, ayuda. Gracias.

jprofitt
Pregunta editada 22º noviembre 2011 в 2:08
Programación
printing css
22º noviembre 2011 в 2:05
4 vistas

En Chrome es posible ocultar este encabezado/pie automático utilizando

@page { margin: 0; }

Dado que el contenido se extenderá hasta los límites de la página, la cabecera/pie de página estará ausente. Por supuesto, en este caso, debe establecer algunos márgenes/recordes en su elemento body para que el contenido no se extienda hasta el borde de la página. Como las impresoras comunes no pueden imprimir sin márgenes y probablemente no es lo que usted quiere, debería usar algo como esto:

@media print {
  @page { margin: 0; }
  body { margin: 1.6cm; }
}

Como Martin señaló en un comentario, si la página tiene un elemento largo que se desplaza más allá de una página (como una tabla grande), el margen se ignora y la versión impresa tendrá un aspecto extraño.

En el momento original de esta respuesta (mayo de 2013), solo funcionaba en Chrome, no estoy seguro de ello ahora, nunca he necesitado volver a intentarlo. Si necesita soporte para un navegador que no puede hablar, puede crear un PDF sobre la marcha e imprimir que (se puede crear un PDF de auto-impresión incrustar JavaScript en él), pero que ' s una gran molestia.

isherwood
Respuesta editada 31º enero 2019 в 4:12
Comentarios (6)

Firefox :

  • Añadir el atributo moznomarginboxes en ``

Ejemplo :

Comentarios (2)

Estoy seguro de que añadir este código en su archivo css resolverá el problema


    @page 
    {
        size: auto;   /* auto is the initial value */
        margin: 0mm;  /* this affects the margin in the printer settings */
    }

Puedes visitar esto para saber más sobre esto

Comentarios (2)