問題タブ [printing-web-page]

IE6/7とFirefox3.5で正常にレンダリングされるページがあります。IE6とFirefox3.5はどちらもページの印刷に問題はありませんが、IE7は問題ありません。ページが印刷されると、表示される2つのテーブルを除いて、コンテンツdivの前半は表示されません。コンテンツは文の途中で再表示され始め、タグやブレークはありません。

divの前半を隠しているものの、テーブルを表示させているようなものです。ただし、私には、場違いのタグ、魔法の空のフローティングdiv、またはあらゆる種類の検証エラーはありません。また、同じCSSを使用する他のいくつかのページがあり、すべて正常に印刷されます。

誰かが似たようなことを経験したことがありますか？どのように修正しましたか（欲求不満をあきらめなかった場合）？

編集：私はついにこれを調べるためにもう少し時間がありました、そして私は問題をかなりうまく絞り込みました。divの「position」スタイル属性を「absolute」以外に変更する（これにより位置がすべて間違っている）か、少量をコメントアウトすることで、すべてのテキストを表示できます。コンテンツの。

コメントアウトできる内容はこちら...

<p><strong>Personal Expenses: </strong>EJTH will bill your credit card for any additional expenses (extension <!--XXXX-->airfare, etc.), if applicable. <strong><!-- begin broken part --><em>All charges must be paid in full before your electronic ticket confirmation will be emailed. No payments will be accepted on-site. Note:</em></strong> When using a credit card for personal purchases (i.e., optional activities, trip extensions, conference registration fees, etc.), &ldquo;MT&rdquo; will appear as the vendor on your credit card statement.</p> <p>You will also be responsible for any personal charges you incur. These include phone calls, valet and laundry service or personal bar bills. The resort cashier will keep a separate record of these expenditures for you. Be sure to settle your personal account at the resort front desk prior to departure. <strong><em>Important: If you neglect to pay your personal (incidental) account when you check out, EJTH will bill you after the program for the actual cost, plus a 15% service charge.</em></strong><!-- end broken part --></p>

それが私を助けた以上にあなたを助けてくれることを願っています。今日は他の何かに引っ張られないことを前提として、CSSをいじって回避しようと思います。

編集：画面！

1つ目は、ページが現在どのように印刷されているかです。コンテンツが再表示されるページにXXXXを配置しました。上記のコードにも入れました。少し目を細めてみるとわかります。

http://img109.imageshack.us/img109/589/current.jpg

2つ目は、コンテンツdivのCSS位置を絶対から相対に変更した場合のページの印刷方法です。

http://img514.imageshack.us/img514/9961/modcss.jpg

3つ目は、「壊れた部分」をコメントアウトした場合のページの印刷方法です。つまり、問題ありません。

http://img514.imageshack.us/img514/653/commented.jpg

ページコンテンツの完全な品質の画像が保存または印刷されるように、JavaScriptまたは埋め込みのフラッシュオブジェクトなどを使用してブラウザからスクリーンキャプチャ(ブラウザウィンドウのコンテンツのみ)を発行する方法はありますか?

カスタム タイル サーバーのような Google マップとその他の ajax 操作クライアント側を備えた Web アプリ (asp.net 3.5) があります。ユーザーが Web ページの高品質のキャプチャを印刷する方法を実装しようとしています。

私は基本的な Window.Print() を使用しましたが、IE と FF の両方で、Google マップ内に多くのアーティファクトがあり、ポップアップしたバブルなどの一部の項目が印刷されません。私はcutepdfを介してpdfを保存して実験しました（ここに例を投稿するためだけに）、window.print（）を介した品質も低くなっています。

たとえば、FireShot アドオンを使用したスクリーンショットは完璧であり、クライアントに提供してもらいたいものです。ただし、これは FF のみであり、クライアントにブラウザにアドオン/アクティブ X コントロールをインストールするように依頼することはできません。

このダウンロード例の zip ファイル (4mb)を見てください。

1. FireShot を使用したスクリーンショットの例 (ページ内の html/JS ボタンを介して達成したいことの例)
2. Firefox Window.Print() の結果 (pdf として保存するために使用される cutepdf)
3. IE Window.Print() の結果 (pdf として保存するために使用される cutepdf)

2,3では、開いても小さなバブルが印刷されないことに注意してください。

今のところ、サイトに関数を追加して全画面表示にし、ユーザーがスクリーンショットを撮るか、window.print() 関数を呼び出すようにします。

ページを印刷/キャプチャする方法をまだ探しています。

ページに含めることができ、それらを介して高品質の印刷メカニズムを提供できるフラッシュ/アクティブ X コントロールはありますか?

すべての助けに感謝しますが、まだもっと必要です。:)

前もって感謝します。

現在、2 ページで問題なく印刷できるフォームを含む Web ページがあります。2 番目のページには、テキスト ボックスで埋めることができる空白のほぼ半分のページがあります。これはまったく可能ですか？

divさまざまな量のコンテンツを含むページに多くの があります。page-break-inside: avoid;各divセクションが2ページにまたがらないように使用しようとしています。

Firefox では動作しますが、IE8 では動作しません。

CSS印刷ファイルにこれがあります

私のdivは次のようにクラスを運びます<div class="page-break-inside-avoid">

IE8 はこれをサポートすることになっています。ではない？

私は何か間違ったことをしていますか？誰でもこの問題を解決しましたか? またはそれを経験したことはありますか？

どんな助けでも素晴らしいでしょう。

どうもありがとうリチャード

内部の div とコンテンツを持つ div としてセクションを持つページがあります。div の数は、印刷時に 1 ページ未満から多数のページまでさまざまです。

page-break-inside: avoid on every section div を使用しているため、すべてのセクションが印刷されたり、2 ページに分割されたりすることはありません。（これはFirefoxでしか機能しませんが、他のすべての話です....！）。

問題は、印刷時に各ページの上部にヘッダー画像を追加したいのですが、page-break-inside: avoid css プロパティを使用することです。印刷時にヘッダーを追加する場所がわかりません。

これを達成できるか知っている人はいますか？改ページがどこにあるのかを見つけて、そこにヘッダーを追加することはできますか? または、Word文書などにできるようにブラウザにヘッダー画像を設定する方法はありますか?

助けてください、たくさんのリックに感謝します

IE6での印刷に使用するために特別に非表示のiframeを作成しています。

HTMLの母集団を切り取ったコードの基本的な概要は次のとおりです。

これは、印刷された各ページの左下に表示される醜い「about：blank」を除いて、非常にうまく機能しています。私はこのiframeをオンザフライで作成しているので、ソースは（IE6が見ているように）about：blankです。srcを偽造したり、そこに出力されるものを変更したりする方法はありますか？印刷する直前にsrcを設定しようとしましたが、明らかにiframeが新しいページに変更されて印刷されます。何か案は？

IE6 で動作する CSS ですべてのボタンを非表示にするが、すべての入力 (ドロップダウン リスト、テキスト入力ボックスなど) を非表示にする最も簡単な方法は何ですか。この CSS ファイルの目的は印刷用です (HTML で media="Print" タグを使用)。

現在、ユーザーはページからいくつかのファンドを選択し、別のページに移動してチャートで比較されたファンドを確認できます。ここで、チャート内の各ファンドの印刷に適したファクト シート ページを作成するオプションをユーザーに提示する必要があります。

要件は、各ページが新しいウィンドウ (またはタブ) で開かれ、開いたときに「押し付けがましく」ならないように最小化することです。誰かがこれについてどうすればよいか提案できますか? これは、ユーザーがページを印刷するために各ウィンドウまたはタブに移動する必要があることも意味します。

また、新しいウィンドウごとに印刷ダイアログ ボックスを開いて、ユーザーが開く必要がないようにしたいと考えています。ページの読み込み時に印刷ダイアログを開くことは可能ですか? もしそうなら、誰かがどのように提案できますか - JavaScript?

(最大) 10 個の新しいウィンドウが邪魔にならないことに同意しません。これらの新しいページを印刷キューに直接送信できれば理想的です。これは可能ですか？

それ以外の場合は、ファンドごとに動的にページを生成し、ページ本文のコンテンツを取り除き、そのファンドのコンテンツを印刷用の大きな単一ページのファクトシートに追加することができます。この種の仕事の経験がある人はいますか？ポインタはありますか？

Web ベースの印刷に最近の進展はありますか?

使い方は知って@media print in CSS, PDF based solution or iTextSharpいますが、(@media print を除いて) 簡単ではありませんが、領収書にバーコードが含まれている場合や、A5 などにフォーマットする必要がある場合、位置合わせは少し難しいです。

これをサポートする HTML5 の新しい機能はありますか?

Django ベースの Web アプリケーションから領収書を印刷したいと思います。

任意のヒント？

ありがとう。

ユーザーがテキストを変更またはメモできるように、編集可能な div を使用する Web サイトがあります。ユーザーがこれを持っている場合、Webサイトにpdfまたは脚注付きの印刷可能なドキュメントを生成させる方法はありますか:

div.notesWeb サイトは、同じページに脚注として表示されるような方法で、印刷可能なバージョン (またはドキュメント) を生成しdiv#text_1ますか? 完全な答えは必要ありません。一般的な方向への突き出しだけでも素晴らしいでしょう。ありがとう。