スタイルシートで印刷用のレイアウトの作り方

質問

こんにちわ
スタイルシートでレイアウトしたWEBページの印刷用のレイアウトのことで悩んでいます。
WEBページはヘッダー部分、サイトナビゲーション部分、メニュー部分、コンテンツ部分、コピーライト部分とあるのですが印刷時にはヘッダー部分とコンテンツ部分とコピーライト部分のみ印刷できないかと考えています。印刷したくない部分をdisplay:noneのようにできませんか？

回答No.2

steel_gray

メディアタイプを使い分けて印刷向けに、スタイルを追加するとか専用のファイルをリンクするとか。

・印刷用にスタイルを追加の例。
：
既存のスタイル
：
/* 以下、印刷用 */
@media print {
#header{display:none;}
}

・リンクするスタイルシートを分ける例。
<link rel="stylesheet" type="text/css" href="normal.css" media="screen" charset="Shift_JIS">
<link rel="stylesheet" type="text/css" href="print.css" media="print" charset="Shift_JIS">

参考URL：

http://www.y-adagio.com/public/standards/tr_css2/media.html

回答No.1

noname#29127

直接の回答ではありませんが、印刷時に不要な部分を印刷
したくない場合、別ページを用意しているという方法は
あります。
ファイルが増えるのが困りますが。

ページ右上の印刷マーク
http://pcweb.mycom.co.jp/news/2005/09/27/011.html

ページ左下の「印刷用画面へ」
http://h50146.www5.hp.com/products/printers/inkjet/psc1510/index.html