print.css Выпуски

Question

Недавно меня попросили добавить таблицу стилей печати на сайт, который я закодировал, и я сбив с толку, почему Firefox искажает вывод. Отпечаток предварительный просмотр следующей страницы показывает, что я имею в виду:

http://webreviewportal.com/ethicalmovers/newsite/aaem-customer-testimonials.php

При попытке распечатать эту страницу в Firefox, вы получите логотип на одной странице, часть свидетельств на второй (они обрезаются) и еще одна пустая третья страница. Я тестировал это с умеренным успехом в IE и Safari без таких проблем. Мысли?

Кроме того, почему текст обрезается (в отличие от обертывания) при масштабировании страницы до уровня выше 150%? Заранее спасибо!

Answer 1

Если вы добавили «overflow: visible» в #content в print.css, он корректно печатает в Firefox. Ваше переполнение установлено в hidden.css, поэтому текст обрезается на одной странице.

Answer 2

Я еще не экспериментировал с таблицами стилей печати, не имея необходимости или любопытства. Однако, глядя на странице W3C на paged media, показывает, что разрывы страниц, возможно, придется быть явно указано или допускается:

В этом разделе описаны разрывы страниц в CSS 2.1. Пять свойств указывают, где агент пользователя может или должен разбить страницы ...

Взято из: http://www.w3.org/TR/CSS2/page.html#page-break-props, 2009-07-27, 18:13

Так что, может быть, стоит добавить в разрывах страниц или запрещая страницы прорывы между свидетельствами и логотипом, добавив:

#leftcol { 

page-break-inside: auto; /* although this may be the default value, anyway */ 

} 

Я думаю, что я помню, Эрик Мейер возникли проблемы с такого рода вещи, потому что свойства «флоат»; но, поскольку вы уже заявили, что вы справились с этим, вы уже заявили float: none!important;.