Mise en forme d'impression et CSS

[jrschlosser]

Bonjour,

Sur un site que j'ai fait avec CSS, et qui rend bien avec Firefox, j'ai un petit problème pour l'impression d'une page.

Le site c'est www.web-artistes.com.

Ca me plait bien, et je trouve que le fonctionnement quand on prend l'ascenceur (vertical!) est sympa.

Mais voilà, j'ai une page que certains !!**??!! voudront probablement imprimer.

La page en question c'est http://www.web-artistes.com/pages/cgu.php

Donc j'ai mis quelques règles pour l'impression dans ma feuille de styles. On supprime le menu qui est inutile sur le papier, du coup on réduit la marge gauche (padding dans le body). Par contre, je laisse le logo.
Seulement voilà, la page web donne deux pages à l'impression et le logo apparait sur les deux pages. Ca me génerait pas, au contraire, si il ne masquait une partie du texte sur la deuxième page.
Et là rien n'y fait, qu'il soit en position absolute ou fixed, les marges sur la page ne semblent pas être prises en compte ....

Tout ceci aussi bien sous Firefox 1.5.0.7 que Firefox 2.0RC2
(en fait c'est un poil mieux avec fx 20RC2 qui prend en compte les {page-break-after:avoid}).

Bon j'arrete là, si quelqu'un peut m'aider ????

Merci de m'avoir lu.

Jean-Robert

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.0; fr; rv:1.8.0.7) Gecko/20060909 Firefox/1.5.0.7

[calimo]

Effectivement, les blocs en position absolute ou fixed apparaissent sur toutes les pages. Supprimes simplement le positionnement (position:static).
Pour les liens, c'est mieux si tu mets l'URL après. Un truc du genre

Code : Tout sélectionner

a[href]:after {
	content: " <" attr(href) ">";
}

Tu peux également penser à utiliser une police serif pour l'impression, plus agréable pour la lecture sur papier.

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.0.7) Gecko/20060921 Firelimace/dapper-security Firefox/1.5.0.7

[fredchat]

Pensez également à utiliser une feuille de style différente pour chaque média :
http://openweb.eu.org/articles/css_impression/

Cela vous permettra de définir les styles pour l'impression, sans être obliger de faire des contorsions pour ne pas toucher aux styles du site.

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr-FR; rv:1.8.0.4) Gecko/20060516 SeaMonkey/1.0.2

[jrschlosser]

Merci beaucoup pour ces réponses.

Le "position:static" sur le logo m'a permis de résoudre mon problème principal.

Le problème de liens après le texte ne se pose que pour les liens mailto (donc un seul en fait) et le code proposé donne pas exactement le résultat attendu mais je chercherai.

Les caractères serif à l'impression, je suis d'accord, même si ce n'est pas une priorité pour cette page .

Quant à l'utilisation de feuilles de styles différentes pour caque media, c'est une solution que j'utilise déjà sur d'autres sites. Mais en fait, en cours de mise au point il est plus pratique d'utiliser une seule feuille de style avec quelques adaptations pour l'impression (et la mise au point d'un site dure souvant toute sa vie )

Merci



Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.0; fr; rv:1.8.0.7) Gecko/20060909 Firefox/1.5.0.7