Таблица стилей печати - ширина напечатанной страницы Отличается в Webkit от Gecko / IE

Question

При печати приведенной ниже страницы в Safari / Chrome содержимое (в основном все на странице) распределяется по левой стороне страницы, примерно на 60% ширины страницы.

Однако в FireFox и IE 7 напечатанная страница отображает содержимое в виде полной ширины (и выглядит довольно неплохо, imo). Я изменил размеры всех элементов макета до 100% ширины (используя! Важное, чтобы убедиться, что они применяются), и Safari / Chrome по-прежнему не будет печатать всю ширину.

Вот страница, на которую я ссылаюсь: http://archstl.org/commoffice/press-release/2010/local-catholic-principal-honored-fi

А вот изображение различия между Webkit (первый) и Gecko (второй): Рендеринг печати Webkit http://img.skitch.com/20100518-cgr6t6edwyr3x7p55f5eewqy6r.jpg Визуализация печати Gecko http://img.skitch.com/20100518-bxgxnyd3uecu5cp2ba2whnp3uy.jpg

Answer 1

Я решил больше не пытаться улучшить таблицы стилей печати, а вместо этого просто принял странные проблемы с пробелами в разных браузерах.

Я бы порекомендовал всем, кто пытается стилизовать ваши страницы для печати, рассмотреть возможность использования @screen вместо @all для ваших основных таблиц стилей сайта, хотя это облегчает стилизацию для печати на некоторых более сложных макетах. *

В любом случае, мы должны просто перейти в 21 век и забыть о печати; -)

Answer 2

извините, на самом деле не ответ, а комментарий (я пока не могу комментировать), но вы уже пытались распечатать лист? если нет, просто попробуйте.

Кроме того, я проверил ваш print.css и, хотя я не слишком уверен, может быть, вы можете проверить размеры шрифта. Попробуйте сначала использовать пиксели вместо em. Поскольку em зависит от базового размера шрифта, он может варьироваться в браузерах. Вы можете исправить это, добавив фиксированный размер шрифта в свой стиль тела следующим образом:

body { font-size: 13px; }

затем продолжайте использовать em для остальных.