Практика разработки Web-страниц

         

Страница неправильно выглядит при печати из броузера


Веб-страницы предназначены для отображения на экране. Раньше о печати в стандартах HTML речь не шла – до появления броузеров, которые могли бы макетировать и печатать страницы. Недавно броузеры начали поддерживать стили, имеющие отношение к печати. Если при печати страницы вы видите не то, что хотите, сделайте следующее.

  1. Если вам кажется, что вашу страницу будут часто печатать – например, если это форма – подумайте об обеспечении специальной версии для печати. На этой версии используйте черный текст и белый фон и уберите ненужные изображения. Сделайте таблицы более узкими, чем обычно, чтобы они поместились на обычном листе бумаги. Для проверки напечатайте страницу, а затем обеспечьте ссылку на нее от основной страницы.
  2. Если страницы разорваны в нежелательном месте, вы можете использовать стиль для определения своих собственных разрывов страниц. (Как и все стили печати, это работает только в поздних версиях броузеров.) Для тэга, который должен будет начаться на новой странице, установите свойству page-break-before значение always:

    <table style="page-break-before:always">

    Также можно присвоить свойству page-break-inside значение avoid, чтобы предотвратить разрыв в определенном блоке:

    <table style="page-break-inside:avoid">

  3. Если вы используете таблицу стилей и хотите обеспечить для вашей страницы специальные стили при печати, включите их в раздел @media print. Например, используйте следующий блок <STYLE>, чтобы определить шрифт при печати, отличный экранного, и скрыть изображения при печати:

    <style> @media print { BODY { font-family:'Times New Roman',Times; font-size:smaller } IMG { visibility:hidden } } @media screen { BODY { font-family:verdana,Helvetica,sans-serif } } </style>

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



Содержание раздела