2013-03-30 9 views
5

イムを印刷:CSSレイアウト - 2番目の空白のページこの場所からCSSファイルを使用して

http://peterned.home.xs4all.nl/examples/csslayout1.html

何とか、私は私のページを印刷するとき、最初のページは完璧ですが、それは印刷を開始空白の2ページ目。

私は最初のページだけが必要ですが、なぜ2番目の空白ページが印刷されるのかわかりません。 誰かがこれまでに遭遇したのか、何を変えるべきかを知っていましたか?

私は何とかCSSファイルにいくつかのプロパティがあると思うので、私のページはちょっと大きすぎます。

+0

を私はクロームでそれを試してみました。 1ページだけを印刷したいだけです。それを試していただきありがとうございます。 – btevfik

+0

私はFirefoxを使用しています。ポップアップでjavascriptによって開かれたこのページを印刷します:http://pastebin.com/ap2wUC6t。ポップアップは1200pxの高さが与えられていましたが、それはポップアップウィンドウのためだけであり、印刷時の内容には関係ありません。 – user2133342

答えて

1

私が知っている限り、それはブラウザに非常に依存しています。Firefoxでは、使用しているPCとはまったく独立していますが、クロムはPCとcurrenct page-zoomの両方に依存します。

たとえば、ここでは問題は表示されません(ffとchromeの両方)。

とにかく、this css2 propertypage-break-after:avoid;で試してみることができます。

+0

私はちょうど回避するために設定されたページ区切りでそれを試みたが、まだ私は新しい空白のページを得る? – user2133342

0

あなたが提供したPHPコードの最後にエラーがあります。

</table> 

</body></div> 
<div id="footer"> 
<p><img src="images/voet.png" alt="Kop" class="voet"/></p> 

</div> 

</div> 
</html> 

は、おそらくのようなものであるべき:

  </table> 

     </div> 
     <div id="footer"> 
      <p><img src="images/voet.png" alt="Kop" class="voet"/></p>  
     </div> 

     </div> 
    </body> 
</html> 
+0

さらに、内の19行目にbodyタグを開きます。頭と体の間にはいくつかのdivがあります。彼らは身体の要素の中にすべきです。こんにちは、これは印刷の問題ですが、これらの問題をまず修正してから、CSSで修正する前に確認してください。 – user1823799

+0

ありがとう、私はこれを修正しました。まだ空白のページ。 page-break-afterのように見える:avoid;動かない? – user2133342

+0

page-break-after:avoid;実際にブラウザが印刷しようとする空白のコンテンツがある場合は役に立ちません。実際のページを見たり、それがjsfiddleやhtmlファイルではない場合は、参考にしてください。 – user1823799

4

私はちょうど今、同じ問題を抱えていたとuser2624602 answer hepfulを見つけました。 CSSで

はちょうど追加:

@media print { html, body { height: 99%; } } 
+0

(追加)あなたの身体やHTMLが高さを持っていて、余分な余白を足していると言うと、それは高くなり、余分な空白ページが作成されます。 – Andreas

関連する問題