Bonjour,
Dans une feuille de style externe conçue pour l'impression de mes pages HTML, je voudrais empêcher que certains éléments de mes pages soient coupés en deux (imprimés en partie en bas d'une page et en partie en haut de la page suivante).
Pour ce qui concerne un bloc de paragraphes, j'ai réussi à les rendre solidaires en les mettant dans une <div></div> avec la classe
.noBreak {
display:table;
page-break-inside: avoid;
}
Ca marche dans Firefox 1.0.7 (mais pas dans MSIE 6.0, ce qui m'est égal).
En revanche, impossible d'obtenir le même résultat avec un tableau, ce qui est bien dommage.
Ni
.noBreak { display:table;
page-break-inside: avoid;
}
ni
.noBreak { display:table;
display:table;
page-break-inside: avoid;
}
ne fonctionne: le tableau est toujours coupé en deux (s'il se trouve à arriver en bas d'une page)...
Quelqu'un a une idée?
Merci
jojojr
Dans une feuille de style externe conçue pour l'impression de mes pages HTML, je voudrais empêcher que certains éléments de mes pages soient coupés en deux (imprimés en partie en bas d'une page et en partie en haut de la page suivante).
Pour ce qui concerne un bloc de paragraphes, j'ai réussi à les rendre solidaires en les mettant dans une <div></div> avec la classe
.noBreak {
display:table;
page-break-inside: avoid;
}
Ca marche dans Firefox 1.0.7 (mais pas dans MSIE 6.0, ce qui m'est égal).
En revanche, impossible d'obtenir le même résultat avec un tableau, ce qui est bien dommage.
Ni
.noBreak { display:table;
page-break-inside: avoid;
}
ni
.noBreak { display:table;
display:table;
page-break-inside: avoid;
}
ne fonctionne: le tableau est toujours coupé en deux (s'il se trouve à arriver en bas d'une page)...
Quelqu'un a une idée?
Merci
jojojr