Comment utiliser page-break-before ou after

bonjour
j'essaie vainement d'utiliser <div style="page-break-before:always;"></div>
sans succès
je n'arrive pas à comprendre où il faut insérer ce genre de chose

je fabrique une série de feuilles destinées à être imprimées.
en html évidemment ça ne fait qu'une page
quand j'imprime je veux que page-break me provoque des sauts de page
chaque future page est de longueur adequate
il suffit d'arriver à insérer quelque-chose qui provoque un saut de page pour que ça soit parfait.
mais où
j'ai beaucoup essayé après avoir consulté les docs HTML mais je n'arrive à rien.
quelqu'un peut-il m'éclairer ?
merci

ci-joint le php (voir à la fin de ce fichier , la boucle de génération)

J'ai été confronté à ce genre de problème, cumulé en plus à un refus de la part de firefox d'imprimer plus d'une page. Voici les conseils que je peux te donner pour éventuellement résoudre le tien :

1/ placer tes instructions page-break dans une feuille css dédiée au print

Code:

---

<link media="print" type="text/css" rel="stylesheet" href="print.css" />

---

2/ tes instructions page-break doivent être sur des éléments de type bloc non-vide

Code:

---

<div class="pagebreak">&nbsp;</div>

---

3/ tu dois éviter tout ce qui modifie le flux de ton contenu : pas de position:relative/absolute/fixed, pas de float:left/right, tous les élements doivent être en overflow:visible. Moi j'avais dû ajouter ça dans ma feuille css dédiée au print :

Code:

---

1 2 3 4

html, body, table, div { overflow:visible !important; float:none !important; }

---

Ce qui ne suffira pas forcément si tu as des éléments en position:absolute par exemple, ou si tu as utilisées d'autres balises sur lesquels tu aurais des overflow ou des float.

merci mais je ne comprends pas où on doit indiquer page-break-before
ou after

Citation:

---

2/ tes instructions page-break doivent être sur des éléments de type bloc non-vide

Code:

---

<div class="pagebreak">&nbsp;</div>

---

---

Dans ta feuille css dédiée au print (que j'ai nommée print.css) tu auras

Code:

---

1 2 3

.pagebreak { page-break-after:always; }

---

Citation:

---

Envoyé par eckerdecker

Dans ta feuille css dédiée au print (que j'ai nommée print.css) tu auras

Code:

---

1 2 3

.pagebreak { page-break-after:always; }

---

---

comme j'utilise du HTML généré par Publisher je ne peux pas changer grand-chose (absolute etc)
je vois bien que c'est une question de respect des standards.
d'abord l'explorateur : en fait avec Google Chrome le résultat est presque bon sauf de temps en temps pour la dernière page qui peut être bizarre.
en plus de Chrome avec XPS plutôt que PDF on a aussi de meilleurs résultats : il y a juste une page vide en trop à la fin.
merci quand même