Impression en CSS et lignes coupées

Impression en CSS et lignes coupées - HTML/CSS - Programmation

Marsh Posté le 28-01-2005 à 11:17:19    

Bonjour!
 
Je me suis mis assez récemment au CSS, et j'ai un problème avec ma feuille de style utilisée pour l'impression, dont voici le code:
 

Code :
  1. /* Feuille de style destinée à l'impression */
  2. body
  3. {
  4. margin: 0;
  5. padding: 0;
  6. background: #FFFFFF;
  7. font-family:times;
  8. font-size:11pt;
  9. }
  11. table
  12. {
  13. border-collapse:collapse;
  14. font-family:times;
  15. font-size:11pt;
  16. color: #000000
  17. }
  19. h2
  20. {
  21. font-family:times;
  22. font-size:14pt;
  23. }
  25. h3
  26. {
  27. font-family:times;
  28. font-size:14pt;
  29. text-align:center;
  30. }
  32. .titre_rubrique
  33. {
  34. position: absolute;
  35. top: 0px;
  36. left: 0px;
  37. font-size:20pt;
  38. text-align: center;
  39. color: #000000;
  40. }
  42. .contenu
  43. {
  44. position: absolute;
  45. z-index: 1;
  46. top : 50px;
  47. left : 0px;
  48. padding: 5px;
  49. /*border: 1px solid gray;*/
  50. color: #000000;
  51. width: 17cm;
  52. }
  54. a
  55. {
  56.   color: #000000;
  57.   text-decoration: none;
  58.   font-weight: bold;
  59. }
  61. a:after {
  62.   content: " (" attr(href) " ) ";
  63.   font-weight: normal;
  64. }
  66. /* On cache tous les éléments qui ne doivent pas être imprimés */
  67. #element_menu,#menu,.login,.entete
  68. {
  69. display:none;
  70. }


 
La mise en page se fait bien, mais certaines lignes en fin de pages sont à moitié coupées verticalement, et l'autre moitié se retrouve en début de page suivante!
 
J'ai essayé de jouer avec les page-break, mais ça ne change rien à mon problème...
Si vous avez des solutions, n'hésitez pas à m'en faire part!  :hello:
 
EDIT: Une solution semble être de passer le position:absolute en position:static, mais je trouve ça bourrin et ça risque de me flinguer la mise en page!


Message édité par Alkor2001 le 28-01-2005 à 11:47:04

---------------
J'aime pas Apple...
Reply

Marsh Posté le 28-01-2005 à 11:17:19   

Reply

Marsh Posté le 28-01-2005 à 14:07:00    

Reply

Marsh Posté le 28-01-2005 à 14:39:44    

Ouch si c'est dans un tableau, c'est pas trop la peine ;)

Reply

Marsh Posté le 28-01-2005 à 15:45:09    

Mon texte peut être de tout type: tableaux, texte normal, images...
Ce sont des pages HTML tout ce qu'il y a de plus normal, ou des tabvleaux de données générés en PHP depuis une base de données...


---------------
J'aime pas Apple...
Reply

Marsh Posté le 28-01-2005 à 15:47:23    

As-tu un exemple de ligne qui se retrouve coupée ? Ou un lien vers ton site ?

Reply

Marsh Posté le 28-01-2005 à 15:49:11    

Non parce que si ton texte est dans un tableau, c'est un bug d'IE qui peut éventuellement se résoudre : http://support.microsoft.com/defau [...] duct=ie600


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 29-01-2005 à 10:11:08    

FlorentG a écrit :

As-tu un exemple de ligne qui se retrouve coupée ? Ou un lien vers ton site ?


 
Mon site n'est pas encore en ligne...
Pour les lignes coupées, il s'agit de n'importe quelle ligne de texte si j'en ai plus d'une page, ou alors c'est une image qui se retrouve à cheval sur 2 pages, enfin ça peut être n'importe quoi!
 
Mais comme je l'ai précisé, tout ça a été réglé en utilisant un positionnement "static", j'aurais juste aimé avoir une solution fonctionnant en "absolute"...
 
gm_superstar -> Merci pour ton lien, je ne connaissais pas ce bug. Mais heureusement, ce n'est pas cela mon problème!  
 
En tout cas merci pour votre aide!  :hello:  


---------------
J'aime pas Apple...
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed