Печатная версия18.07.2008 15:11

Во-первых, при вёрстке необходимо все блоки заключать в отдельные <div>. Тогда создание печатной версии будет легче на порядок.

Когда я  закончил вёрстку сайта, создал копию файла таблицы стилей, назвал её styles_print.css. В ней убрал те блок, которые не нужны в печатной версии, остальные блоки изменил таким образом, чтобы текст был более читабельным.

Как подключать таблицы стилей:

<link href="/styles.css" rel="stylesheet" type="text/css" media="screen" />
<link href="/styles_print.css" rel="stylesheet" type="text/css" media="print" />

Думаю, что тут понятно всё. Чем отличаются таблицы:

styles.css :
#header_banner {
    margin: 0;
    float: right;
    width: 655px;
    height: 190px;
    text-align: right;
}


#top_menu {
    float: left;
    width: 250px;
    overflow: hidden;
}
 

styles_print.css :
#header_banner {
    margin: 0;
    display: none;
}

#top_menu {
    display: none;
}

display: none; - собственно вся "фишка". этот блок просто исчезнет, не будет виден.

Ррекомендую "почистить" styles_print.css таким образом, чтобы при печати использовалось максимальное место на листе бумаги. Можно уменьшить шрифт, сделать его черным #000000, сделать все ссылки черными и т.д. Можно сделать печатную версию страницы очень качественно. 

Другой вопрос, что пользователи обленились настолько, что не знают, как печатать страницы из инета. Это очень грустно, поэтому приходится искать другие пути, как например такой:

<?php
if($_GET['print']=='y'){
echo '<link href="/styles_print.css" rel="stylesheet" type="text/css" />';
}
else {
echo '<link href="/styles.css" rel="stylesheet" type="text/css" media="screen" />
<link href="/styles_print.css" rel="stylesheet" type="text/css" media="print" />
';
}
?>
и передавать через URL команду "принудительно"показать печатную версию.