Aller au contenu

page-break-before:always


Perrine

Sujets conseillés

Bonjour :)

Je tente une nouvelle expérience en ce 2 Novembre 2005 : un saut de page à l'impression.

Voici mon code HTML :

<div id="div-photos">
<h2>titre</h2>
<img src="./../photos/nophoto.jpg" alt=""  />
<img src="./../photos/nophoto.jpg" alt=""  />
<img src="./../photos/nophoto.jpg" alt=""  />
</div>

et le code CSS :

#div-photos{
clear:both;
position:relative;
page-break-before:always;
}

D'après mes lectures, pour faire un saut de page, l'élément ne doit pas être flottant mais positionné en relative ou static. Ce qui explique le position:relative dans le div.

C'est, à ma connaissance, la seule condition pour que le saut de page fonctionne.

Malheureusement, cela ne fonctionne pas, et j'avoue ne plus savoir quoi tester. Cela ne fonctionne ni sous IE ni sous FF.

Merci par avance :)

Lien vers le commentaire
Partager sur d’autres sites

Bonjour,

Moi je fais ceci :

<div style="page-break-before:always">&nbsp</div>

Et cela fonctionne. Par exemple, dans ma boucle, si mon compteur arrive à 38, j'affiche mon div sinon, je continue :)

Portekoi

Lien vers le commentaire
Partager sur d’autres sites

Merci Portekoi, cela fonctionne apparemment bien :)

Je pensais que ce style pouvait être appliqué au div que l'on voulait voir apparaître sur une autre page. Or là, il faut créer un élément intermédiaire... suis déçue :P

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...