Salut à tous,
 
A partir d'un logiciel professionnel de CFAO, je génère une documentation au format HTML dans le but de l'imprimer.
C'est tout simplement une suite de tableaux.
Tout marchait bien jusqu'à ce que je rajoute une commande de saut de page (page-break-after) et maintenant il manque des caractères à l'impression alors que l'aperçu avant impression est OK.
J'utilise Internet Explorer 11. Je n'ai pas de problème si j'imprime à partir de Firefox.
Dans la date, il manque le 6 de 16, le m de novembre, le 20 et 5 de 2015, le 06 et 6 de 17:06:16. Pour commentaire, il manque les m et le a......
Si vous voulez voir le résultat de l'impression, donner moi votre email.
 
Voici le code du document html généré:

 
Je précise que je ne suis pas un pro du html et que j'ai appris (pas forcement bien) tout seul.

Effectivement, ton HTML me rappelle ce qui se faisait avant les années 2000 C'est absolument immonde... T'as entendu parler de CSS ?  
<font> est déprécié (utiliser font-* du css, ex : font-family, font-size...)
 
bordercolordark et bordercolorlight -> voir les border-* du css.
width -> le mettre dans un css
align -> voir text-align du css
 
Je t'encourage à aller sur des tutos pour le html et css comme le site alasacreation, parce que là, c'est vraiment la cata Tu verras, ça te fera un code html plus léger et plus clair, donc plus facile à maintenir.

Merci pour cette réponse.
 
Oui en effet, ce code n'est pas tout jeune et oui j'ai entendu parler de CSS mais je n'ai jamais pris le temps de l'apprendre et de l'utiliser.
Donc je n'ai jamais pris le temps de mettre à jour mon code puisqu'il marchait très bien et faisait exactement ce que je voulait.
La programmation html n'est pas mon travail principale mais j'en ai besoin pour générer de la documentation atelier, j'ai donc appris (à l'epoque   ) par moi même lorsqu'il y avais un peu moins de travail et je continue régulièrement à améliorer cette documentation (quand j'ai le temps).
J'ai bien vu qu'il y avait le CSS mais vu que j'ai déjà un peu de mal avec le html simple . Et je ne sait pas par où commencer pour apprendre.
Il va falloir que je m'y mette  .
 
Par contre ça ne résout pas mon problème d'impression . Je ne comprend pas pourquoi l'ajout du saut de page pose problème à l'impression sous IE11 alors que ça fonctionne sous Firefox.

Comme indiqué : alsacreation -> http://www.alsacreations.com/tutoriels/
 
Pour info, le CSS 1.0 date d'avant 2000 Et faire du html n'est pas faire de la programmation. HTML permet de structurer un document (titres, paragraphes, infos importantes...) et le CSS, de le mettre en forme (gras, italique, souligné, taille des polices...).
 
A noter qu'avec du html et css correctement structuré, tu n'aurais peut-être pas le pb. T'a vérifié, sinon, que ton pb ne venait pas d'un soucis de marges trop faibles qui faisaient sortir le contenu à imprimer de la zone d'impression possible de l'imprimante ?
 
Autre solution : pourquoi ne pas passer par une imprimante virtuelle qui transformerait le html en pdf et ensuite, tu imprimerais le pdf ?

Je viens de générer une documentation qui tient sur 3 pages. La page 1 est toujours la même quelque soit le document, je fais un saut de page pour commencer mon tableau sur la page 2.
Si j'imprime tout j'ai le problème et si je n'imprime que la page 2 et 3, il n'y a pas de problème.
 
Pour le pdf, j'y ai pensé mais ça fait des étapes supplémentaire et je veux éviter ça.

Question bête : pourquoi mettre un div vide pour faire la séparation
 
Pourquoi pas mettre style="page-break-after:always;" sur le premier tableau ?
 
Perso, j'aurais plutôt mis style="page-break-before: always;" dans le <table> qui doit être sur la 2ème page
 
<table border="1" bordercolordark="grey" bordercolorlight="grey" cellspacing="0" cellpadding="1" width="101%" style="page-break-before: always;>
 
Au passage, c'est normal ce width > 100%

Pour le width > 100%, je ne sait plus pourquoi j'ai mis ça.
Petite question, c'est combien de pixel en largeur 1 feuille A4 ?
 
Bon, c'est claire qu'il faut que je revois tout et que je reparte sur de bonne base.
Pour cela il me faudrait une mise jour de mes connaissances HTML sur les tableaux pour bien structurer mon document et un apprentissage des bases du CSS pour faire une bonne mise en page de ma documentation en vue de l'imprimer sur des feuille A4 verticale.
Je voudrait aussi, si possible, que ce que je vois sur IE11 soit le même à l'impression.
 
Pourrai-tu me donner des liens de tuto simple avec exemple, expliquant chaque balise HTML de tableau et fonction CSS. Il me faudrait aussi apprendre ce qu'il faut mettre en début de fichier HTML.
Je veux être sur de faire un truc carré dans les règle de l'art.
Merci de ton aide. Je regarde aussi de mon coté sur le lien que tu m'as donné.

Je doute que le problème ce situe au niveau du code HTML. Certes, ce n'est pas très propre, mais ça n'expliquerais pas pourquoi certains caractères sont supprimés et pas d'autres.
 
Aurais-tu une photo du résultat de l'impression du code HTML que tu as posté ? Je serais curieux de voir à quoi ça ressemble, parce que ça marche chez moi™ (IE11, Win8.1). Est-ce que ça fait la même chose sur tous les postes où il y a IE11 ?

Le lien que je t'ai donné, c'est justement des tutos sur le html et css. L'auteur du site a écrit un très bon bouquin : http://www.goetter.fr/
 
"c'est combien de pixel en largeur 1 feuille A4 ?" -> ça dépend. Pour bien comprendre, je vais te prendre l'exemple de la résolu FullHD, 1920x1080 px. Cette résolution, tu la retrouves aussi bien sur certaines tablettes 10" que sur des TV 32", 40", 50 ou 60", voire plus. T'as le même nb de pixels mais sur des tailles d'affichage différentes. Ce qui change, c'est la taille des pixels (d'où pourquoi ont dit que plus on a une grosse diagonale, plus il faut se reculer de l'écran, sinon, on voit les pixels). En impression, c'est pareil : on parle de ppp (pixel par pouce) ou dpi (dot per inches). La taille physique de ton impression va dépendre du ppp de ton document et de celle de ton imprimante. Ex : si ton imprimante imprime en 300 dpi (c'est le cas des imprimeurs pro) et que tu te pointes avec une image ayant une certaine définition (ex : 1600x1400) faite sous photoshop en 75 dpi (c'est le dpi par défaut des APN en général); à ton avis, il va se passer quoi ? Eh ben ton impression va être toute petite.
 
Donc pour savoir combien de pixels en largeur a une feuille A4, ça dépend de la résolution d'impression de ton imprimante mais aussi de la résolution du document à imprimer. Dans le cas de doc textes, vue que ce sont des polices vectorielles, une mise à l'échelle de la police sera faite. Dans le cas d'image avec des résolutions différentes de celles de l'imprimante, là, ça pourra être problématique.
 
 

Après essai sur 3 postes différents avec IE11, seul un poste fonctionne bien. J'ai remarqué une différence de version de IE11:
Sur le poste où ça marche: IE11 Version 11.0.9600.17633, Versions des mises à jour 11.0.16 (KB3021952).
Sur les postes où ça marche pas (imprime mal): IE11 Version 11.0.9600.17801 Versions des mises à jour 11.0.19 (KB3049563).
 
Donc je pense que ce n'est pas dus à mon code mais plutôt à la version de IE11.
Je vais essayer de désinstaller le KB3049563 pour voir.

Est-ce que ça serait pas lié à une différence de paramétrage des marges d'impression ?

J'ai enfin trouvé d'où vient le problème    et ça ne vient pas de mon code html.    
Je vous dit ou pas ??????????????????????????????????????????????
.
..
...
....
.....
......
.......
 
Tout simplement du driver de l'imprimante, il était plus récent sur le poste où l'impression se faisait bien.
C'est vraiment se casser le c.. à chercher des problèmes dans le code puis dans les paramètre IE11 et ensuite dans les patch d'IE11 pour s'apercevoir que ça vient d'un foutu driver d'imprimante.    
 
ça n’empêche qu'il faut que je modernise mon code avec du CSS.    
 
Merci quand même pour votre aide.