Salut à tous
Je développe une application sous forme de site internet dans le cadre d'un stage.
Je me sers d'Apache, PHP et MySQL (et CSS), le tout regroupé grâce à l'utilitaire WAMP.
Mais là n'est pas le problème.
L'architecture de mon site est assez simple :
- 1 bloc div pour le menu, à gauche
- 1 bloc div pour le contenu, à droite du menu et positionné grâce à CSS (left). Ce bloc est rempli suivant des variables passées au contrôleur général du site.
J'ai 2 fichiers CSS : un pour l'affichage écran et un pour l'impression.
Avec celui concernant l'impression, j'ai désactivé l'affichage du menu (display: none), et j'ai recadré le contenu avec left.
Mais sur certaines pages, pour l'impression, je veux que mon contenu fasse un saut de page à un certain endroit. J'ai donc créé dans mon CSS d'impression une classe qui contient la propriété page-break-before: always et dans mon contenu, j'ai donc créé une balise <div class=maclasse> pour que le saut de page se produise avant ce qui est dans ce bloc div.
Donc si vous suivez bien, ça donne un truc genre :
A l'affichage tout est normal, mais à l'impression ça ne fait pas le saut de page
Je ne sais plus quoi faire
si je ne peux pas forcer un saut de page dans ma page je ne vois pas comment je vais me sortir de mon problème
PS: j'ai testé sur une simple page html sans blocs de menu et contenu, et ça marche le page-break-before
help siouplé
Je développe une application sous forme de site internet dans le cadre d'un stage.
Je me sers d'Apache, PHP et MySQL (et CSS), le tout regroupé grâce à l'utilitaire WAMP.
Mais là n'est pas le problème.
L'architecture de mon site est assez simple :
- 1 bloc div pour le menu, à gauche
- 1 bloc div pour le contenu, à droite du menu et positionné grâce à CSS (left). Ce bloc est rempli suivant des variables passées au contrôleur général du site.
J'ai 2 fichiers CSS : un pour l'affichage écran et un pour l'impression.
Avec celui concernant l'impression, j'ai désactivé l'affichage du menu (display: none), et j'ai recadré le contenu avec left.
Mais sur certaines pages, pour l'impression, je veux que mon contenu fasse un saut de page à un certain endroit. J'ai donc créé dans mon CSS d'impression une classe qui contient la propriété page-break-before: always et dans mon contenu, j'ai donc créé une balise <div class=maclasse> pour que le saut de page se produise avant ce qui est dans ce bloc div.
Donc si vous suivez bien, ça donne un truc genre :
<div class=menu>
mon menu...
</div>
<div class=contenu>
le contenu qui est affiché à droite du menu blablablablabla...<br>
<div class=maclasse>ceci doit être affiché sur une nouvelle page lors de l'impression.</div>
</div>
A l'affichage tout est normal, mais à l'impression ça ne fait pas le saut de page
Je ne sais plus quoi faire
si je ne peux pas forcer un saut de page dans ma page je ne vois pas comment je vais me sortir de mon problème PS: j'ai testé sur une simple page html sans blocs de menu et contenu, et ça marche le page-break-before
help siouplé