Apparament ce problème est récurrent, mais je n'ai pas trouvé de réponse ...
J'ai un tableau tout ce qu'il y a de plus basique et j'aimerais l'imprimer correctement.
Voila le code pour mettre une CSS lors de l'impression :
Dans cette CSS, j'ai fait disparaitre les menus et fait appraitre un titre qui permet d'identifier chaque page quand on imprime.
Le problème c'est les longs tableaux qui ne s'imprime que sur une seul page. Comme si c'était pris comme un seul élément et non plusieurs ligne.
Donc il affiche tout sur la première page, mais que l'en-tête sur la deuxième ...
CSS d'impression :
Modifié par SpaceCowboy (14 Feb 2007 - 11:44)
J'ai un tableau tout ce qu'il y a de plus basique et j'aimerais l'imprimer correctement.
Voila le code pour mettre une CSS lors de l'impression :
<style type="text/css" media="screen">
@import url(skin/defaut/defaut.css);
@import url(skin/defaut/defaut_gestion.css);
@import url(skin/calendar.css);
</style>
<style type="text/css" media="print">
@import url(skin/defaut/print.css);
</style>Dans cette CSS, j'ai fait disparaitre les menus et fait appraitre un titre qui permet d'identifier chaque page quand on imprime.
Le problème c'est les longs tableaux qui ne s'imprime que sur une seul page. Comme si c'était pris comme un seul élément et non plusieurs ligne.
Donc il affiche tout sur la première page, mais que l'en-tête sur la deuxième ...
CSS d'impression :
/* CSS Document */
body { background: white; font-size: 9pt; }
#corps {width:1000px; }
#banniere {display: none;}
#Menu {display: none;}
#MenuPrincipal {display: none; }
#login { display: none; }
#contenu { float:left; margin-left:10px; }
#MenuHaut { display: none;}
#MenuHaut .actif { font-size:20px;}
#SMenuHaut { display: none; }
#SMenuHaut .actif { font-size:20px;}
#texte { border: none;}
.sousmenu { padding-top:30px; padding-bottom:30px;}
.impression { font-size:15pt;}
#pied {display: none; }
/* Tableau -1- */
/*.tableau { border-collapse:collapse; border-spacing:0;border-right:2px solid white;border-top:2px solid white; width:100%; }*/
.tableau { border-collapse:collapse; border-spacing:0;border-right:2px solid white;border-top:2px solid white; width:100%;page-break-after: always }
.tableau thead{ background-color: #CCCCCC; border:2px solid black;} /*#a7c8c1*/
.tableau thead tr th { border-right:1px solid black;padding:1px; color:black; }
.tableau tbody tr { border-bottom:1px solid #c2cee5; }
.tableau tbody tr td{padding:1px 3px 1px 3px; border-right:1px solid black; }Modifié par SpaceCowboy (14 Feb 2007 - 11:44)