Firefox17の画面で、印刷を不可にしたいと思っています。
スタイルシートで設定(文末に記載)し、
印刷表示不可する箇所(divタグ内)に
STYLE="@media print"として登録しました。
前回確認時は、それで対応出来たと思っていたのですが、
この間確認したら、印刷時に画面が表示されてしまいました。
皆様の中で、解決策または、代替案をお持ちの方はおりますでしょうか?
cssの設定
----------------------------------
@media print {
display: none !important;
}
----------------------------------
No.1ベストアンサー
- 回答日時:
>前回確認時は、それで対応出来たと思っていたのですが、
そんなはずはありません。
[HTML]
style属性には%StyleSheet;しか書けません!!
[CSS]
対象となるセレクタが書かれていません。
@media printはセレクタではありません。
<div class="header">
<h1>タイトル</h1>
<div class"abstract">
<h2>要約</h3>
・・・
</div>
</div>
に対して
div.header div.abstruct{display:none;}
と言う風に指定します。「ヘッダ部の要約部分は印刷しない」
最重要宣言は要らないでしょう。
STYLE="@media print"はさすがに論外(こんなもの書けない)
⇒W3C CSS 検証サービス( http://jigsaw.w3.org/css-validator/#validate_by_ … )
で@media printと入力してチェックすればたちどころに分かる。
文法解析エラーが発生しました [empty string]
<div class="@media print">
としたならば、セレクタは
div.@media.print{}
*.@media.print{}
.@media.print{}
div[class="@media print"]{}
*[class="@media print"]{}
の何れかの書き方になります。
<link rel="stylesheet" type="text/css" media="screen" href="./styleSheet/standard.css">
<link rel="styleSheet" type="text/css" media="print" href="./styleSheet/print.css">
と組み合わせる。
@media print{
div.@media.print{display:none;}
}
でもよいが、@media print{}を理解できないブラウザもある。
★class="@media.print"なんてclass名はつけない。将来印刷することになったらHTMLまで書き直す羽目になる。
<div class="aside"><!-- asideは本文と関係ない内容を示す -->
↓
div.aside{display:none;}
<div class="nav siteMap">
↓
div.siteMap{display:none;}
とするほうが良いでしょう。文書構造上意味のあるclass名やidをつけましょう。
お返事が遅くなってしまい申し訳ございませんでしたm(_ _)m
教えて頂いた通りの方法で解決できました。
ありがとうございます(^^)/~
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Chrome タブを100開いてもメモ...
-
Androidアプリのfirefoxについ...
-
FireFoxで動画を保存できない
-
Firefoxクラッシュ頻発
-
Firefoxで設定を「前回のウィン...
-
サポートされたファイル形式お...
-
Total Adblockの宣伝ですよね?...
-
Firefox起動時の左側サイドバー...
-
Firefoxのブックマークを複数選...
-
firefoxのSyncでブックマークの...
-
【Firefox】userChrome.css 「n...
-
Windows10から11に更新しました...
-
ブラウザのブックマークと起動...
-
Downloadhelper でダウンロード
-
Firefoxで閉じた時Cookie全削除...
-
firefox のスムーズスクロール
-
Firefoxが複数立ち上がるのを解...
-
Firefoxで前回終了時のセッショ...
-
偽ポップアップを消した後は?
-
Androidに詳しい方お願いします...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ブラウザに表示されている画面...
-
写真の撮影日時を印字
-
Firefoxの印刷時のヘッダについて
-
カラー印刷できるテキストエデ...
-
firefoxの印刷不可設定の方法
-
Adobe Illustratorの印刷設定
-
一行あたりの文字数指定・行番...
-
1ピクセルって何ミリですか?
-
PDFファイルのパスワードを解除...
-
エクセルウィンドウのサイズ変...
-
最近家具などをGoogle検索かけ...
-
サンダーバードの検索欄が消えた。
-
リンクをクリックするとダウン...
-
右上のX(閉じる)_(縮小)...
-
becky2の本文表示エリアの背景...
-
http://jpg4.us/
-
Quick TIme Playerで全画面表示...
-
秀丸の文字サイズ
-
Access_Formのデザインビュー画...
-
thunderbird の logout
おすすめ情報