閲覧用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">
です。

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

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

回答No.1

tandes · ベストアンサー

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

お礼

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

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