Probléme d'affichage sous FireFox

[Rg2S]

Bonjour à tous !

Voici ce que j'obtient sous Firefox


Et voici ce que j'obtient sous Chrome


Mon objectif est que Firefox ai le même affichage que Chrome.
Comment puis je faire ?
Merci !!

[ge80]

Bonjour

N'est-ce pas un problème de zoom ?
Vérifier avec les deux les paramètres d'affichage.

Cordialement
ge

[Rg2S]

Sous firefox g fait : Affichage>Zoom>Normal rien ne change

Et lorsque je fait : Affichage>Zoom>Aggrandir
j'obtient ceci :



Je ne pense pas que ce soit le problème, ca le fait aussi chez un ami, ms merci quand même !

[ge80]

OK mais il fallait essayer.

Ensuite les couleurs sont différentes ce qui voudrait dire une lecture différente des feuilles de style CSS.

Avez-vous essayé avec Internet explorer ?

Google Chrome a quelques défauts de jeunesse.

[Rg2S]

Effectivement, vous avez raison !
G le même souci avec IE (IE7 g pas mis à jour........)

[ge80]

Quelle est l'adresse de votre forum afin que j'essaye avec des versions mises à jour ?

[Rg2S]

www.oxyd.fr.nf

[Rg2S]

body
{ background-attachment: fixed;
background-repeat: no-repeat;
background-position: center;

}
#pun-navlinks li a {
padding: 0px;
margin: 0px;
text-decoration: none;
}
#pun-intro {
margin: 0;
padding: 0.8em 0em 0em 0em;
border-bottom: 1px solid #;
background-color: #;
background-image: url('http://illiweb.com/fa/empty.gif');
text-align: center;
background-repeat: repeat-x;
}
#pun-visit {
border-color: #828282;
border-style: dotted;
border-width: 1px;
background-color: #;
background-image: url('http://i80.servimg.com/u/f80/13/60/15/08/fond2_11.jpg');
background-repeat: repeat-y;
background-position: top left;
}
#pun-visit:hover{
border-color: #828282;
border-style: dotted;
border-width: 1px;
background-color: #;
background-image: url('http://i80.servimg.com/u/f80/13/60/15/08/fond_c11.jpg');
background-repeat: repeat-y;
background-position: top left;
}
.main-box {
border-color: #828282;
border-style: dotted;
border-width: 1px;
background-color: #;
background-image: url('http://i80.servimg.com/u/f80/13/60/15/08/fond2_11.jpg');
background-repeat: repeat-y;
background-position: top left;
}
.main-box:hover {
border-color: #828282;
border-style: dotted;
border-width: 1px;
background-color: #;
background-image: url('http://i80.servimg.com/u/f80/13/60/15/08/fond_c11.jpg');
background-repeat: repeat-y;
background-position: top left;
}
#pun-announcement {
border-color: #aaaaaa;
border-style: dotted;
border-width: 1px;
background-color: #262626;
background-image: url('http://i80.servimg.com/u/f80/13/60/15/08/fond2_11.jpg');
background-repeat: repeat-y;
background-position: top left;
}
#pun-announcement:hover {
border-color: #aaaaaa;
border-style: dotted;
border-width: 1px;
background-color: #262626;
background-image: url('http://i80.servimg.com/u/f80/13/60/15/08/fond_c11.jpg');
background-repeat: repeat-y;
background-position: top left;
}
.pun table.table td {
padding: 0.6em 0 0.7em;
border-color: #aaaaaa;
border-width: 1px;
border-style: dotted none none dotted;
line-height: 130%;
background-image: url('http://i80.servimg.com/u/f80/13/60/15/08/fond_c11.jpg');
background-repeat: repeat-y;
background-position: top left;
}
.pun table.table td:hover {
padding: 0.6em 0 0.7em;
border-color: #aaaaaa;
border-width: 1px;
border-style: dotted none none dotted;
line-height: 130%;
background-image: url('http://i80.servimg.com/u/f80/13/60/15/08/fond2_11.jpg');
background-repeat: repeat-y;
background-position: top left;
}
#pun-about {
border-style: dotted;
border-width: 1px;
border-color: #aaaaaa;
text-align: right;
line-height: 150%;
padding: 0.6em 1em;
background-image: url('http://i80.servimg.com/u/f80/13/60/15/08/fond2_11.jpg');
background-repeat: repeat-y;
background-position: top left;
}
#pun-about:hover {
border-style: dotted;
border-width: 1px;
border-color: #aaaaaa;
text-align: right;
line-height: 150%;
padding: 0.6em 1em;
background-image: url('http://i80.servimg.com/u/f80/13/60/15/08/fond_c11.jpg');
background-repeat: repeat-y;
background-position: top left;
}
.pun .paged-head {
border: 1px dotted #aaaaaa;
background-color: #;
background-image : url('http://i80.servimg.com/u/f80/13/60/15/08/fond2_11.jpg');
background-repeat: repeat-y;
margin: 0px;padding: 0px;
}
.pun .paged-head:hover {
border: 1px dotted #aaaaaa;
background-color: #;
background-image : url('http://i80.servimg.com/u/f80/13/60/15/08/fond_c11.jpg');
background-repeat: repeat-y;
margin: 0px;padding: 0px;
}
.pun .paged-foot {
border: 1px dotted #aaaaaa;
background-color: #;
background-image : url('http://i80.servimg.com/u/f80/13/60/15/08/fond2_11.jpg');
background-repeat: repeat-y;
margin: 0px;padding: 0px;
}
.pun .paged-foot:hover {
border: 1px dotted #aaaaaa;
background-color: #;
background-image : url('http://i80.servimg.com/u/f80/13/60/15/08/fond_c11.jpg');
background-repeat: repeat-y;
margin: 0px;padding: 0px;
}
#onlinelist {
border-top: 1px dotted #aaaaaa;
padding: 0.6em 1em;
background-color: #;
background-image : url('http://i80.servimg.com/u/f80/13/60/15/08/fond2_11.jpg');
background-repeat: repeat-y;
margin: 0px;padding: 0px;
}
#onlinelist:hover {
border-top: 1px dotted #aaaaaa;
padding: 0.6em 1em;
background-color: #;
background-image : url('http://i80.servimg.com/u/f80/13/60/15/08/fond_c11.jpg');
background-repeat: repeat-y;
margin: 0px;padding: 0px;
}
.pun .main{
margin: 1.7em;
padding: 1em;
background-color: #;
border: 1px dotted #aaaaaa;
background-image : url('http://i80.servimg.com/u/f80/13/60/15/08/fond_c11.jpg');
background-repeat: repeat-y;
margin: 0px;padding: 0px;
}
.pun .main:hover {
margin: 1.7em;
padding: 1em;
background-color: #;
border: 1px dotted #aaaaaa;
background-image : url('http://i80.servimg.com/u/f80/13/60/15/08/fond_c11.jpg');
background-repeat: repeat-y;
margin: 0px;padding: 0px;
}
.main-content p.message {
margin: 1.7em;
padding: 1em;
background-color: #;
border: 1px dotted #aaaaaa;
background-image : url('http://i80.servimg.com/u/f80/13/60/15/08/fond2_11.jpg');
background-repeat: repeat-y;
margin: 0px;padding: 0px;
}
.main-content p.message:hover {
margin: 1.7em;
padding: 1em;
background-color: #;
border: 1px dotted #aaaaaa;
background-image : url('http://i80.servimg.com/u/f80/13/60/15/08/fond_c11.jpg');
background-repeat: repeat-y;
margin: 0px;padding: 0px;
}
.pun .main-content {
border: 1px dotted #aaaaaa;
background-color: #;
background-image : url('http://i80.servimg.com/u/f80/13/60/15/08/fond_c11.jpg');
background-repeat: repeat-y;
margin: 0px;padding: 0px;
}
.pun .main-content:hover {
border: 1px dotted #aaaaaa;
background-color: #;
background-image : url('http://i80.servimg.com/u/f80/13/60/15/08/fond2_11.jpg');
background-repeat: repeat-y;
margin: 0px;padding: 0px;
}
.main .main-head {
background-image: url('http://i84.servimg.com/u/f84/13/64/23/61/b112.png');
}
.main .main-head:hover {
background-image: url('http://i84.servimg.com/u/f84/13/64/23/61/b210.jpg');
}
.postfoot {
margin-right: -17em;
text-align: right;
clear:both;
position: relative;
border-top: 1px dashed #ccc;
background-image : url('http://i80.servimg.com/u/f80/13/60/15/08/fond2_11.jpg');
background-repeat: repeat-y;
padding: 0.5em 1em;
}
.postfoot:hover {
margin-right: -17em;
text-align: right;
clear:both;
position: relative;
border-top: 1px dashed #ccc;
background-image : url('http://i80.servimg.com/u/f80/13/60/15/08/fond_c11.jpg');
background-repeat: repeat-y;
padding: 0.5em 1em;
}
.pun .frm .frm-form table {
border: 1px solid #;
border-top: 1px solid #1F537B;
border-color: #bbb;
background: url("http://i84.servimg.com/u/f84/13/64/43/70/tes111.jpg");
background-repeat: no-repeat;
background-position: bottom center;
}
.pun .main-head a.exthelp,.pun .main-head a.exthelp:link,.pun .main-head a.exthelp:visited {
padding-left: 20px;
background-repeat: no-repeat;
background-position: left;
background-image: url('http://i61.servimg.com/u/f61/13/51/88/96/fleche10.png');
}
.forumline{margin-bottom:50px;}

Voici ma Feuille CSS, je ne sais pas si ça peux vous aider...

[ge80]

Il y a bien une différence entre IE et Chrome.

Je pense que le feuille de style n'est pas lue et interprétée de la même manière.

Je crains aussi qu'il n'y ait pas de solution.

J'ai vérifié votre css et je ne vois pas d'erreur.

Un autre membre aura certainement une autre idée.

Cordialement
ge

[Rg2S]

Merci quand même de vous être donné la peine
Bonne journée à vous !

[Rg2S]

Je pense que j'ai trouvé la solution...

Je me suis dit de simplement essayer de faire les cellules plus hautes et ça à l'air de fonctionner chez moi...

Général>Configuration>Structures des pages>Hauteur de la cellule image .... Puis g ajouté 10 petits pixels...

[ge80]

Tant mieux mais il reste les couleurs légèrement différentes?

Bonne journée
ge