28172 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai crée une feuille de style print. Je désire que mes titres ne soient pas coupés.
Lorsque je fais «Apercu avant impression». Je vois qu'un titre est seule à la fin d'une page.
Pourtant page-break-after devrait régler la situation.
Cette propriété fonctionne bien il me semble sur le navigateur récent. Firefox 3.6.4 ?


h1, h2 {page-break-after:avoid;}
Bonjour
Si quelqu'un a une réponse.
J'essaye d’empêcher les sauts de page juste après le titre.
J'utilise le code suivant.

@media print {


.do-not-print{display:none;}
body{background:none;color:#000;font-family:Garamond,"Times New Roman", serif;font-size:12pt;letter-spacing:0.2pt;line-height:1.4;margin:0 !important;padding:0 !important;width:100% !important;word-spacing:1.1pt;}
h1{font-size:19pt;}
h1,h2,h3,h4,h5,h6{font-family:Helvetica, Arial, sans-serif;page-break-after:avoid;}
h2{font-size:17pt;}
h3{font-size:15pt;}
h4,h5,h6{font-size:12pt;}
img{display:block;margin:1em 0;}
table{margin:1px;text-align:left;}
td{border-bottom:1px solid #333;}
th{border-bottom:1px solid #333;font-weight:700;}
th,td{padding:4px 10px 4px 0;}
thead{display:table-header-group;}
tr{page-break-inside:avoid;}

} /* END print media */

Cela semble bien fonctionner dans les tableaux mais pas pour les titres.