2011-09-13 44 views
3

私はクロム、SafariとIEで正しく印刷しますが、Firefoxの上followign問題を抱えているWebページを持っています。それ以外は空白です。 実際のコンテンツは2ページのみに表示されています。Firefoxの印刷物の余分な空白のページ

私は「float:left」スタイルがそれを引き起こしていることを知りました。 "float:left"を削除した場合は正常に印刷されますが、画面上だけでなく画面にも2列表示する必要があるため、表示されません。

この問題を解決する方法はありますか?

ありがとうございました。

答えて

1

は、印刷スタイルシートを使用してみてください:このスタイルシートで

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

あなたはそれがブラウザでレイアウトに影響を与えていた印刷用float:leftを削除しないことができるようになります。

アル

+0

あなたの答えはありがとうございます。 フロートを削除した場合、レイアウトは画面上と同じになりません。 – memical

+0

あなたと一緒に、あなたはリンクを投稿できますか? – Alex

+0

FYI:オーバーフローを追加:コンテンツコンテナに表示すると、同じバグが修正されました。 –

8

こんにちは、私は同様の問題があったが、私が印刷されたとき、私は最後に余分な空白ページが持っていました。 IEは同じことをするので、私はCSSの問題があると思った。

短いことですが、body要素の最初の要素として段落があり、段落にCSSで 'margin'プロパティが設定されていると、最後に空白のページが印刷されていました。面白いことに、ページが1つしかない場合は空白のページしか印刷されませんでした。段落の前に要素を追加した場合は、余白を削除するか、余分な空白ページを印刷しませんでした。

JAB

+0

同じことが私とChromeとアンカー要素に起こりました。マージンを0に設定し、パディングを使用して問題を解決しました。 –

+0

私の場合、高さが100%だった階層の最上部にdiv要素があり、それが問題でした。それを98%に変更し、問題はなくなりました。 –

2

私は、プリンタのページの高さに示されているよりも少し小さいあなたのHTMLでページの高さを設定すると、空白ページの問題を防ぐことがわかりました。

関連する問題