電子書籍の厳選無料作品が豊富!

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

A 回答 (2件)

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



・印刷用にスタイルを追加の例。

既存のスタイル

/* 以下、印刷用 */
@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 …
    • good
    • 0

直接の回答ではありませんが、印刷時に不要な部分を印刷


したくない場合、別ページを用意しているという方法は
あります。
ファイルが増えるのが困りますが。


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

ページ左下の「印刷用画面へ」
http://h50146.www5.hp.com/products/printers/inkj …
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!