layout CSS - seconda pagina vuota durante la stampa

Question

im utilizzando il file css da questa posizione:

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

ma in qualche modo, quando stampo la mia pagina, la prima pagina è perfetto, ma si inizia a stampare un seconda pagina che è vuota.

Naturalmente ho solo bisogno della prima pagina, ma non riesco a trovare perché stampa una seconda pagina vuota. Qualcuno lo ha incontrato prima o sa cosa dovrei cambiare?

Penso che in qualche modo il file css abbia alcune proprietà al suo interno, il che rende la mia pagina forse un po 'troppo grande.

Answer 1

Per quanto ne so, dipende molto dal browser: con firefox è abbastanza indipendente dal pc che si sta utilizzando, mentre con il chrome dipende sia dal PC che dallo zoom della pagina di currenct.

Per esempio qui non vedo alcun problema (sia ff che chrome).

In ogni caso, puoi provare a giocare con this css2 property: page-break-after:avoid;.

Answer 2

Nel codice php fornito, si è verificato un errore alla fine.

</table> 

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

</div> 

</div> 
</html> 

dovrebbe probabilmente essere qualcosa del tipo:

  </table> 

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

     </div> 
    </body> 
</html> 

Answer 3

Ho avuto lo stesso problema solo ora e ho trovato user2624602 answer hepful.

Nel css basta aggiungere:

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