閲覧用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 回答日時： 2006/09/30 16:13

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

のところで、text/cssの後に " が抜けてますよ

この回答へのお礼

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

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

お礼日時：2006/09/30 16:57