28172 sujets

CSS et mise en forme, CSS3

Bonjour,

J'essaie de faire apparaître un entête et un pied de page sur chaque page imprimée. Jusque là tout va bien, dans la feuille de style destinée à l'impression :
#enTetePrint {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  text-align: right;
  font-size: 0.75em;
  }
#piedPagePrint {
  display: block;
  position: fixed;
  bottom: 0;
  right: 0;

  font-size: 0.75em;
  }
#piedPagePrint:after {
  content: counter(page);
  counter-increment: page;
  }


Par contre, je n'arrive pas à décaler le contenu de telle sorte qu'il ne chevauche pas la partie "entete". J'essaie de jouer les marges et le padding de body ou de #page (conteneur des sonnées à imprimées) et rien n'y fait.

Merci de vos suggestions
Bonjour Pascale,

Ce tutoriel et liens associés pourra peut-être répondre à tes questions ?
http://css.alsacreations.com/Tutoriels-et-articles-divers/feuille-css-impression

Ce article sur pompage (vieillissant ?) également :
http://www.pompage.net/pompe/impression/

Sans doute aussi des solutions du coté de pdf (une petite recherche à faire Smiley cligne )
Et cet article rédigé par Florent V.:
http://blog.alsacreations.com/2007/09/10/385-css-print-prince-xml


Cdt,
Sylvain
Modifié par 6l20 (25 Apr 2008 - 23:32)