Impression de factures de plusieurs pages sur une seule page

Question

J'ai une facture qui contient plus de 100 lignes de produits que j'essaie d'imprimer. Cette facture unique devrait prendre plus de 3 pages, mais une fois imprimée, le contenu sort du pied de page et la page suivante est la facture suivante. J'utilise divs au lieu de tables, et je ne comprends pas pourquoi les factures longues ne seront pas imprimées sur plusieurs pages.

Des idées?

Voici mon stylesheet:

h1,h2,h3 { margin: 0 0 0.5em 0; padding: 0;} 
body { font-family: sans-serif; font-size: 0.8em; } 
label, legend { font-weight: bold; } 
pre { font-family: sans-serif; } 

shipping_address { 
    width: 45%; 
} 

billing_address { 
    width: 45%; 
} 

order_info { 
    padding: 0 10px; 
} 

shipping_logo { 
    width: 115px; 
} 

content { 
    margin: 0px auto 0px auto; 
    width: 100%; 
    padding-bottom:15px; 
} 

div.container { 
    display: table; 
    width: 100%; 
} 
div.header { 
    display: table-row; 
    text-align: center; 
} 
div.row { 
    display: table-row; 
} 

.even { 
    background: #CCCCCC none repeat scroll 0 0; 
} 

div.cell { 
    display: table-cell; 
    padding: 0 10px; 
} 

Answer 1

Nous allons avoir besoin de beaucoup plus d'informations que ce que vous avez suggéré d'aborder vraiment ce problème. Cependant, un joli coup aveugle à quelque chose qui provoquerait un comportement similaire est si vous aviez quelque chose de défini de sorte que la hauteur soit de 100%, que ce soit une table, une div, ou quelque chose comme ça. Cela est parfois fait pour essayer de garder un pied de page en bas de la fenêtre du navigateur et si vous faites cela, cela peut provoquer ce comportement lors de l'impression.

Answer 2

Vous pouvez spécifier des feuilles de style spécifiques pour l'impression. Par exemple,

@media all 
{ 
.page-break { display:none; } 
} 

@media print 
{ 
.page-break { display:block; page-break-before:always; } 
} 

Vous pouvez ensuite appliquer la classe de saut de page dans laquelle vous souhaitez mettre en page. This article a quelques astuces pour formater une page pour l'impression.