css - tablas - ¿Cómo establecer márgenes 0 en la vista previa de impresión?

margenes impresion css

Question

¿Dónde estoy haciendo mal?

Esta es la vista previa de impresión normal:

Pero quiero ver esta imagen (sin arrastrar las flechas de margen)

Este es el código css y la vista previa:

Answer 1

Gracias ! funciona bien en cromo

@page {
    margin: 0;
}

Answer 2

No creo que sea realmente posible hacerlo, porque estarías anulando los valores predeterminados en la computadora del usuario. Que yo sepa, una aplicación web no tiene los derechos de acceso para modificar algo como la configuración de la impresora sin algún tipo de script ActiveX en IE.

Hace un tiempo tuve un problema similar y tuve que generar un PDF sobre la marcha usando TCPDF. Al final, funcionó mejor, porque tienes un mayor control sobre el diseño.

Answer 3

No puedo actualizar una computadora de Windows XP a algo más reciente, así que básicamente me quedo con IE8.

Descubrí que en IE8, los márgenes de la página siempre serán un mínimo de 6.01 mm a la izquierda y a la derecha, y 5 mm arriba y abajo. No importa lo que haga, incluso si uso las reglas de arriba a la derecha y al centro a la izquierda dentro de la regla @page, seguirá teniendo los valores anteriores.

Puede ser más fácil crear la hoja de estilo para tener en cuenta esta limitación en el tamaño de impresión.

También puede ayudar poner el hack / 9 de IE delante del valor de la propiedad de la clase CSS, duplicar la propiedad también puede ayudar en algunos casos (pero no afectará los márgenes de la página), como:

.aDiv {
    margin: 10mm;
    margin: 15mm/9;     //this /9 hack will set that value only on IE8.
}

Sé que hay otros trucos similares a este, como / 0, pero admito que no los entiendo completamente. / 9 funciona para mí en IE8 en algunas situaciones.

Answer 4

Sí. Es posible alterar sus márgenes en una impresión de página. La regla se vería así:

@page {
    margin: 0;
}

Esto no funcionará en Firefox a partir de ahora. Si verifica su referencia de desarrollador en el soporte de @page CSS , puede ver qué navegadores son compatibles con @page .

Answer 5

Lo mejor que puedes hacer es establecer márgenes de página . Sin embargo, tenga en cuenta que puede y probablemente se anulará si establece los márgenes en 0.