Discussion :

[patmeziere]

Bonjour a tous
j'ai un petit soucis avec @mediaprint
en effet les documents sur firefox se comportent très bien a l'impression mes sauts de pages sont biens respectés
mais sur edge c'est une toute autre histoire
impossible de lui faire appliquer les saut de pages

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
@media print {
  body * {
    visibility: hidden !important;
  }
 
 /* le div container contient le pre code on le garde */
 .container,
  .container * {
    visibility: visible !important;
  }
/* le div class ribbon on peut le masquer */
  .ribbon,
  .ribbon * {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
  }
 
  body, html {
    height: auto !important;
    overflow: visible !important;
    background: white !important;
  }
 
  .container {
    position: absolute !important;
    left: 0;
    top: 0;
    width: 100%;
    height: auto !important;
    overflow: visible !important;
    background: white !important;
    border: none !important;
    box-shadow: none !important;
  }
 
  pre, code {
    white-space: pre-wrap;
    word-break: break-word;
    page-break-inside: avoid;
    background: white !important;
    border: none !important;
    box-shadow: none !important;
    color: inherit !important;
  }
 
  /*  Sauts de page sur .pageX */
  .pageX {
  page-break-before: always !important;  /* ancien standard */
  break-before: page !important;         /* nouveau standard (Edge, Chrome) */
  display: block !important;
  height: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
}
 /*  Ajouter .pageX à la liste des éléments visibles */
  .pageX {
    visibility: visible !important;
  }
}

si quelqu'un a une idée je suis preneur
ca fait des jours que je suis sur ça je n'arrive à rien

[mathieu]

edge utilise la même base que chrome, avez-vous le même souci dans chrome ?

une autre idée serait de générer un fichier pdf en javascript dans le navigateur ou alors coté serveur. cela serait plus long à programmer mais vous permettrait de placer les éléments à imprimer où vous voulez au pixel près.

[Declique69]

Déjà évite de mettre des !important de partout. Cela ne peut que t'attirer des ennuis.
Ensuite break-before ne reconnait pas la valeur always (Firefox le fait peut-être). Pour les autres navigateurs utilise plutôt a valeur "page" :

break-before :page;

D'autres informations ici break-before

J'espère que ça t'aidera.

[patmeziere]

Bonjour declique99
merci pour l'intérêt porté a mon sujet
j'ai bien sur essayé "page" au lieu de "always" mais rien y fait a l'impression le saut de page est occulté sur edge ,pire encore il ne masque pas mon div de signalisation de saut de page alors qu'il est sensé être hidden

mon interface html


et voila l'appercu d'impression sur edge

bon ca fait rien ceux qui utilisent Edge ne l'utiliseront pas c'est pas grave , puisque ça fonctionne sur quasiment tout les autres navigateurs
je vais pas me tordre l'esprit pour ça
merci quand même je clôture ce post