Internet Explorerで印刷時のヘッダー/フッター非表示について

業務システムを開発しております。
見積書や明細など帳票の印刷を
Internet Explorer 11から直接行おうとしています。

しかし、ヘッダー/フッターにURLや日付、ページ番号などが
印字されてしまい、これをソース上から非表示設定にする
方法を探しています。
ブラウザのページ設定を直接変える方法ではございません。

下記の印刷用CSSで可能となるような
情報があったので試したのですが
印字されてしまいました。

CSS
1<style type="text/css" media="print">
2  @page
3  {
4    size:  auto;
5    margin: 0mm;
6  }
7</style>

もし何か良い方法をご存知でしたら、教えて頂けないでしょうか。

上記質問に限らず、皆様の現場でブラウザでの帳票印刷は
どのようにされていらっしゃるかも教えて頂けると助かります。

よろしくお願い致します。

行動規範の内容に同意します

回答2件

自己解決

参考となるstackoverflowの記事を見つけましたので
こちらを回答とします。

【stackoverflow】Remove header and footer from window.print

Chromeの場合:

CSS
1<style type="text/css" media="print">
2    @page 
3    {
4        size: auto;   /* auto is the initial value */
5        margin: 0mm;  /* this affects the margin in the printer settings */
6    }
7</style>

Firefoxの場合:

CSS
1<html moznomarginboxes mozdisallowselectionprint>

IEではbodyのmarginを1.6cmあけるなどの情報もありましたが
正確ではないので、見送りました。
正確な情報が見つかった場合、また修正したいと思います。

投稿2017/01/27 07:49

allll

総合スコア42

media="print"でプリント不可にするのは、htmlソース内の要素です。
URLやプリントアウトの日付はソース外のブラウザ側の情報ですので、
ソース上から非表示設定にするのは難しいのではないでしょうか。

ちなみに、帳票管理システムが社内にありますが、pdfにしてから印刷・保存をするものと、
エクセルにするものがあります。

投稿2017/01/27 06:21

namimon

総合スコア726

allll

2017/01/27 06:41

ご回答頂き、ありがとうございます。ブラウザ側の情報とのことですが CSSで @page { size: A4 ; } とするとA4用紙を指定できます。一概にブラウザ内だけとは言えないのではと考えております。 Chromeは質問内容の方法で非表示に出来るとの情報がQiitaとStackOverflowにあり試してみております。 http://qiita.com/cognitom/items/d39d5f19054c8c8fd592 印刷方法ですがPDFでの出力と、Excelでの出力があるのですね。そのほうが一般的なのかもしれないですね。情報を教えて頂き、ありがとうございます。

行動規範の内容に同意します

あなたの回答