Lorsque je teste mon site avec IE8, Firefox, Chrome, Opéra et Safari. Le rendu est correct sous les différents navigateur pour le support écran.
Les problèmes surviennent avec Opéra et Safari :
Dans Opéra : Lorsque je lance l'aperçu avant impression, je constate que les mots des paragraphes se "collent" à la ponctuation et aux parenthèses, ce qui rend la lecture quelque peu illisible. Je pensais résoudre le problème avec la balise <word-spacing>, et en changeant les polices, mais cela n'a pas changé grand chose. Dans les autres navigateur, le problème ne se pose pas.
(Sauf dans Chrome : je ne sais pas comment lancer l'aperçu avant impression...).
Dans Safari : Les images n'apparaissent pas dans l'aperçu, mais les bordures si. Le problème ne se pose pas avec le support écran. Pas de soucis avec les autres navigateurs. Je ne sais pas si le problème vient du paramétrage du navigateur ou de la feuille de style.
Voici le code de la feuille CSS print. Merci d'avance pour votre aide.
Modifié par SUMIE (26 Dec 2010 - 19:33)
Les problèmes surviennent avec Opéra et Safari :
Dans Opéra : Lorsque je lance l'aperçu avant impression, je constate que les mots des paragraphes se "collent" à la ponctuation et aux parenthèses, ce qui rend la lecture quelque peu illisible. Je pensais résoudre le problème avec la balise <word-spacing>, et en changeant les polices, mais cela n'a pas changé grand chose. Dans les autres navigateur, le problème ne se pose pas.
(Sauf dans Chrome : je ne sais pas comment lancer l'aperçu avant impression...).
Dans Safari : Les images n'apparaissent pas dans l'aperçu, mais les bordures si. Le problème ne se pose pas avec le support écran. Pas de soucis avec les autres navigateurs. Je ne sais pas si le problème vient du paramétrage du navigateur ou de la feuille de style.
Voici le code de la feuille CSS print. Merci d'avance pour votre aide.
@charset "utf-8";
#printMsg {
display: block;
}
#content {
width: 100%;
margin: 0;
float: none;
background: transparent;
}
body {
background: white;
font-family:Georgia,Verdana, "Times New Roman", Times, serif;
}
#author {
color:#111;
}
#entete {
display: none;
}
#conteneur #entete a img {
display: none;
}
#menu {
display: none;
}
#conteneur #menu ul a {
display: none;
}
#conteneur #contenu h3 {
color: #000;
padding-left: 90px;
margin-top: 0px;
}
#conteneur #contenu p a {
font-weight:bold;
text-decoration:underline;
color: #06;
}
#conteneur #contenu h4 {
color: #000;
padding-right: 55px;
padding-left: 90px;
}
#conteneur {
margin-right: auto;
margin-left: auto;
}
#contenu {
background-color: #FFF;
text-align: left;
margin: 0;
}
.espace {
margin-right: 50px;
}
#conteneur #contenu p {
width: 100%;
padding-left: 0px;
margin: 0;
font-size:12pt;
word-spacing: 5px;
white-space:normal;
}
#pied_page {
display: none;
}
Modifié par SUMIE (26 Dec 2010 - 19:33)
