こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

閲覧用CSSと印刷用CSSを分けることは可能ですか?

現在、WEBページをtable無しのCSSで作成しています。
普通に閲覧する場合には問題ないのですが、
印刷しようとすると外部CSSで指定している画像が
印刷できないため、#fff部分が消えてしまいます。。

その為、media="screen"とmedia="print"で使い分けて
印刷時には#fffを#999などにしようと思ったのですが、
閲覧時にそれが反映されてしまって、黒い画像に#999文字になってしまい上手くいきません。

現在の記述は、
<meta http-equiv="Content-Style-Type" content="text/css">
<link rel="stylesheet" href="style.css" type="text/css" media="screen">
<link rel="stylesheet" href="print.css" type="text/css media="print">
です。

色々サイトを見たところこの方法であってると思ってたのですが
何が間違っているのでしょうか??

もしくは、他に印刷時も閲覧画面と同じように見せる方法があれば
教えてください。よろしくお願い致します。

投稿日時 - 2006-09-30 16:09:49

QNo.2441699

困ってます

質問者が選んだベストアンサー

<link rel="stylesheet" href="print.css" type="text/css media="print">
のところで、text/cssの後に " が抜けてますよ

投稿日時 - 2006-09-30 16:13:21

お礼

うぁ!恥ずかしい…
ありがとうございます。

ちなみに、"を直しても画像は印刷できないのですが
これはCSS記述が間違っているのでしょうか?
(テキストは反映されました)

投稿日時 - 2006-09-30 16:57:58

ANo.1

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)

あなたにオススメの質問