css print styling

Question

Tengo una página que se muestra bien en la pantalla.

Tengo un css que luego formatea la pantalla para imprimir y reajusta el tamaño de las secciones.

Mi problema es que el diseño de impresión tiene un margen de aproximadamente una pulgada desde la izquierda de la página que hace que 2 elementos se impriman fuera de la página en el lado derecho.

probablemente podría comprimir los contenidos de la derecha, pero quiero saber si puedo reducir el margen de la izquierda (y básicamente centrar el contenido)

he puesto el cuerpo de la etiqueta en la impresión a margin:0;padding: 0; pero esto no tiene efecto?

¿Hay alguna configuración que controle los márgenes de impresión?

Answer 1

puede establecer el margen de impresión (y la orientación horizontal) con CSS, como:

@media print { 
    @page { 
     size: letter landscape; 
     margin: 4.0cm; 
    } 
} 

Y la buena noticia es, funciona! (En Chrome. Not supported on other browsers aunque no probé IE9.)

El margen debe estar en una unidad que tenga sentido en la impresión: los píxeles no están permitidos.

Chrome no reducirá el margen por debajo de un mínimo fijo, que puede ser determinado por el controlador de la impresora.

Answer 2

También podría tratar de establecer

margin:0; y padding:0;

a las etiquetas html, main content div y p

y ver si eso ayuda.

De lo contrario, su mejor opción es establecer un width específico en sus elementos.