2010-05-18 21 views
6

Al imprimir la página siguiente en Safari/Chrome, el contenido (todo en la página, básicamente) se aplana en el lado izquierdo de la página, aproximadamente a los 60 % del ancho de la página.Imprimir hoja de estilo - Ancho de página impreso Diferente en Webkit frente a Gecko/IE

Sin embargo, en FireFox e IE 7, la página impresa muestra el contenido como el ancho completo (y se ve bastante bien, imo). Cambié el tamaño de todos los elementos de diseño al ancho del 100% (usando! Importante para asegurarme de que estén aplicando), y Safari/Chrome todavía no imprime todo el ancho.

Aquí está la página que estoy haciendo referencia: http://archstl.org/commoffice/press-release/2010/local-catholic-principal-honored-fi

Y aquí está una imagen de la diferencia entre Webkit (primera) vs. Gecko (segundo): Webkit's Print Rendering http://img.skitch.com/20100518-cgr6t6edwyr3x7p55f5eewqy6r.jpg Gecko's Print Rendering http://img.skitch.com/20100518-bxgxnyd3uecu5cp2ba2whnp3uy.jpg

+0

El espacio que falta parece ser la misma anchura que el menú de la izquierda. –

+0

Eso fue lo que pensé, también, pero el menú de la izquierda aparece dentro del área de contenido inferior, por lo que no debería afectar el ancho del encabezado (¿ve cómo toda la página parece ser más estrecha?). – geerlingguy

Respuesta

1

He decidido dejar de tratar de mejorar las hojas de estilo de impresión, y en su lugar simplemente aceptar los problemas de espaciado impar en diferentes navegadores.

Recomendaría, a cualquier persona que intente diseñar sus páginas para imprimir, considerar usar @screen en lugar de @all para las hojas de estilo de su sitio principal, esto facilita el diseño de las cosas para la impresión en algunos diseños más complejos.

De todas formas, hay que acaba de pasar en el siglo 21 y olvidarse de impresión ;-)

1

lo siento no es realmente una respuesta pero un comentario (no puedo comentar todavía) pero, ¿ha intentado imprimir la hoja ya? si no, solo inténtalo.

Además, verifiqué su print.css y aunque no estoy muy seguro, tal vez pueda verificar los tamaños de fuente. Intenta usar píxeles primero en lugar de em. Dado que em es relativo al tamaño de la fuente base, puede variar en los navegadores. Puede corregir esto añadiendo un tamaño de fuente fijo en su estilo de carrocería de este modo:

body { font-size: 13px; } 

luego continuar utilizando em para los demás.

+0

Voy a intentar estas sugerencias; Imprimí la hoja varias veces; en los navegadores Webkit, siempre hay una primera página en blanco en la mayoría de las páginas de mi sitio :( Tal vez tiene que ver con algunos estilos de desbordamiento en algunos elementos ... – geerlingguy

Cuestiones relacionadas