Affichage de Firefox différent chez moi

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Affichage de Firefox différent chez moi

Message par Invité Sam 17 Déc 2011 - 14:44

Bonjour !

J'ai remarqué depuis quelques jours, (ça veut pas dire que le problème vient d'apparaître), que l'affichage de ce forum : http://mblaq-hole.forumactif.com/ est correcte sur Chrome mais pas sur Firefox.
Mais j'ai demandé autour de moi, le forum s'affiche bien pour eux avec Firefox.
Pour vous donner un exemple :
Firefox
Spoiler:
Chrome
Spoiler:

Je ne sais pas comment changer ça, car j'aimerais me remettre à utiliser essentiellement Firefox, lui qui gère mieux les codes que Chrome.

Le forum a des templates modifiés et du CSS.

Merci d'avance !


Dernière édition par Pyphilia le Sam 24 Déc 2011 - 18:50, édité 1 fois
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage de Firefox différent chez moi

Message par kheino Sam 17 Déc 2011 - 21:25

Bonsoir,

Il s'agit du fond du forum c'est cela ?
Ce qu'on voit sur Chrome (et pas sur Opera non plus), c'est une image ?
Elle est placée où ? Dans les images ? Dans le CSS ?

A propos, pourrais-tu donner le CSS ?
kheino

kheino
Membre habitué

Féminin
Messages : 1698
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
kheino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage de Firefox différent chez moi

Message par Invité Sam 17 Déc 2011 - 21:58

Oui, le fond du forum

Code:
.youtube, .image{
  background-color:#245082;
}

.rang{
  text-align:center;
  margin-top:-5px;
}

.texte{
 color:#245082;
}

/****PRESENTATION****/

/*Précode*/

.img_200x320_précode{
width:auto;
height:auto;
margin-right:10px;
border:5px #245082 solid;
border-radius:10px;
}

.td_texte_précode{
height:auto;
 border-left:3px grey double;
 border-radius:50px;
}

.texte_précode{
overflow:auto;
font-size:10px;
height:300px;
 width:300px;
padding:10px;
word-wrap:break-word;
}

.img_100x100_précode{
margin-left:10px;
box-shadow:black 0px 0px 5px;
}

/*Prérp*/

.bann_prérp{
height:100px;
 width:500px;
}

.pseudo_prérp{
margin-top:-10px;
color:black;
text-transform:uppercase;
font-weight:bold;
letter-spacing:-5px;
font-size:30px;
font-style:italic;
 font-family:georgia;
  text-shadow: white 0px 0px 7px;
}

.texte_prérp{
font-size:11px;
color:grey;
background-color:white;
 border-right:15px grey solid;
border-left:15px grey solid;
height:250px;
padding-bottom:10px;
width:470px;
margin-top:-10px;
padding-top:20px;
overflow:auto;
}


/*****PA*****/

.texte{
  font-size: 18px; line-height: normal; font-family:Verdana;
}

.boite_pa{
 height: 50px; padding:5px; margin : 10px; overflow: auto; border: #245082 solid 5px; border-radius: 20px;
}

.youtube{
 width: auto; padding:10px; -moz-border-radius: 10px;-webkit-border-radius: 10px;
}

/*Top site*/

.seungho
{
background-image: url(http://img4.hostingpics.net/pics/617632topsitesh.png);
height: 60px;
  opacity:0.5;
width:60px;
}


.go
{
background-image: url(http://img4.hostingpics.net/pics/230623topsitego.png);
height: 60px;
width:60px;
  opacity:0.5;
}

.joon
{
background-image: url(http://img4.hostingpics.net/pics/558808topsitejoon.png);
height: 60px;
width:60px;
  opacity:0.5;
}


.thunder
{
background-image: url(http://img4.hostingpics.net/pics/214521topsitethunder.png);
height: 60px;
width:60px;
  opacity:0.5;
}


.mir
{
background-image: url(http://img4.hostingpics.net/pics/725597topsitemir.png);
height: 60px;
width:60px;
  opacity:0.5;
}

.thunder:hover, .mir:hover, .go:hover, .joon:hover, .seungho:hover
{
  opacity:1;
}


/**Staff**/

div.cell
{
position:relative;
color:#000;
z-index: 0;
  opacity:0.6;
}

div.cell:hover{
background-color: transparent;
z-index: 50;
  opacity:1;
}
 
div.cell span
{
display: none
}
 
div.cell:hover span
{
display:block;
position:absolute;
top:2em; left:2em; width:10em;
border: 5px solid #0e2033;
border-radius : 30px;
background-image: url('http://img11.hostingpics.net/pics/960749fond.png\');
color:#000;
text-align: center;
padding:5px;
height: 120px;
width:130px;
z-index: 4;
}

a.admin
{
color: #F70F83;
font-weight: bold;
text-align:center;
}

.admin:hover
{
text-decoration:underline;
color: #f2a9cd;
}

a.modo
{
color: #0C7D14;
font-weight: bold;
text-align:center;
}

.modo:hover
{
text-decoration:underline;
color: #3fb847;
}

.legende_cell
{
font-size: 10px;
color: grey;
text-align:center;
}

/*News*/

.boite_news
{
border: #0e2033 10px solid;
border-radius: 45px;
padding: 0 20px 10px 20px;
text-align: center;
width: auto;
 height: auto;
 background-color:white;
margin : 10px;
box-shadow: black 2px 2px 2px 2px;
}

.boite_titre
{
 text-align: center;
color: white;
font-size: 30px;
margin-top: -30px;
font-style: italic;
text-shadow: 2px 2px 2px black;
letter-spacing: -3px;
}

.credit
{
text-align:left;
font-size: 7px;

}

/*Règlement*/

.reglement_titre
{background-color: #538672;
text-align: center;
color: white;
    box-shadow: 1px 2px 9px #000; 
border-radius: 50px;
margin: auto;
width: 300px;
height: 30px;
font-size: 30px;
}

.reglement_block
{background-color: white;
color: grey;
border: 8px solid #538672;
margin-top: -100px;
border-radius: 50px;
margin: auto;
height: auto;
width: 550px;
box-shadow: 1px 2px 3px #000; 
padding: 20px;
}

.intro
{
margin: auto; width: 400px;
height: auto;
font-style: italic;
text-align:center;
}


.bodyline{ border-radius: 6px;
}

a.imginfo {
  position: relative;
  color: #7d7d7d;
  text-decoration: none;
  border-bottom: 0px #7d7d7d solid; /* on souligne le texte */
}

a.imginfo span {
  display: none; /* on masque l\'infobulle */
}
a.imginfo:hover {
  background: none; /* correction d\'un bug IE */
  z-index: 999; /* on définit une valeur pour l\'ordre d\'affichage */
  cursor: help; /* on change le curseur par défaut en curseur d\'aide */
}
a.imginfo:hover span {
  display: inline; /* on affiche l\'infobulle */
  position: absolute;
  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu\'il n\'y ait pas de retour à la ligne non-désiré */
  top: -30px; /* on positionne notre infobulle */
  left: -40px;
  background: white;
  color: 7d7d7d;
  padding: 3px;
  border: 0px solid grey;
  border-left: 5px solid #b6b6b6;
  border-right: 3px solid #b6b6b6;
  border-top: 3px solid #b6b6b6;
  border-bottom: 5px solid #b6b6b6;
}

a {
outline: none;
}

td.row1
{background-image: url("http://backgrounds.mysitemyway.com/wp-content/Userfiles/Galleries/curtains/curtains-001711-light-gray.jpg");}

td.row2
{background-image: url("http://backgrounds.mysitemyway.com/wp-content/Userfiles/Galleries/curtains/curtains-001711-light-gray.jpg");}

td.row3
{background-image: url("http://backgrounds.mysitemyway.com/wp-content/Userfiles/Galleries/curtains/curtains-001711-light-gray.jpg");}

td.rowpic
{background-image: url("http://backgrounds.mysitemyway.com/wp-content/Userfiles/Galleries/curtains/curtains-001711-light-gray.jpg");}

th
{background-image: url("http://backgrounds.mysitemyway.com/wp-content/Userfiles/Galleries/grunge-warning-stripes/grunge-warning-stripes-002311-light-gray.jpg");}

td.row3Right
{background-image: url("http://backgrounds.mysitemyway.com/wp-content/Userfiles/Galleries/curtains/curtains-001711-light-gray.jpg");}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom
{background-image: url("http://backgrounds.mysitemyway.com/wp-content/Userfiles/Galleries/grunge-warning-stripes/grunge-warning-stripes-002311-light-gray.jpg");}

a.forumlink{
display: block;
font-weight: bold;
font-style: oblique;
font: verdana;
letter-spacing: -1px;
text-shadow: 1px 1px 1px #000000;
font-size: 20px;
text-transform: lowercase;
border-radius : 25px 25px  0px  0px ;
text-align:left;
}

textarea, .textarea.post, input.post {
border-radius:4px;
}

/* QEEL */
.onglet {background-color: #0e2033;
border-radius-bottomleft:20px;
border-radius-bottomright:20px;
border-radius-topleft:0px;
border-radius-topright:20px;

-webkit-border-radius-bottomleft:20px;
-webkit-border-radius-bottomright:20px;
-webkit-border-radius-topleft:0px;
-webkit-border-radius-topright:20px;

border-right: 2px solid #000000;
border-left: 2px solid #000000;
border-topleft: 2px solid #000000;
border-topright: 2px solid #000000;
text-align:center !important;
padding-top:1px;padding-bottom:1px;
color: #FFFFFF;
text-decoration: none
font-variant: small-caps;
letter-spacing: 2px;
font-size: 20px;
font-family: georgia;}

.message { background-color: #;
width: 600px;
height: 200px;
border-radius: 6px
 padding-top: 5px;
 padding-bottom: 5px;
padding-left: 30px;
 padding-right: 30px;
font-family: verdana;
text-align: center;
color: #3D4952;}

.image {
padding:5px;
border-radius: 6px;
margin-top:-47px;
margin-bottom:-55px;}

.groupes{
background-color: #ebe8e8;
border: 2px color #ddbb9f  ;
border-radius : 6px 6px 6px 6px;
height:40px;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-size:14px
;font-weight: bold;
text-align:center;
font-color : #dd4843  ;
text-decoration: none !important;
}

a { text-decoration: none; }

.mainmenu img
{
display : none !important;
}

/* Menu navigation */
a.mainmenu {
font-weight: bold;
font-style: oblique;
font: verdana;
letter-spacing: -1px;
text-shadow: 1px 1px 1px #000000;
font-size: 18px;
text-transform: lowercase;
border-radius : 25px 25px  0px  0px ; }

/* Menu navigation au survol de la souris */
a.mainmenu:hover {
font-weight: bold;
font-style: oblique;
font: verdana;
letter-spacing: -1px;
text-shadow: 1px 1px 1px #d8d8d8;
color :
font-size: 18px;
text-transform: lowercase;
border-radius : 25px 25px  0px  0px ; }

.bodylinewidth {
    width:580px;
}

/* pas de soulignement de liens */
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none !important;}

u {
border-bottom: 1px dotted #ffffff ;
text-decoration: none
}

I {
color: #4e3420;
text-decoration: none
font-variant: small-caps;
letter-spacing: 2px;
}

a {
color: #765469;
text-decoration: none
font-variant: small-caps;
letter-spacing: 2px;
font-size: 9px;
font-family: georgia;
}

.forumline {border:5px solid #000000;
border-radius:10px;
}

.fondavatar {
background-image: url("http://backgrounds.mysitemyway.com/wp-content/Userfiles/Galleries/grunge-warning-stripes/grunge-warning-stripes-002311-light-gray.jpg");
border : 5px solid #245082 ;
border-radius: 5px 5px 5px 5px }

.membres{
 display:block;
  margin-left:210px;
  margin-bottom:-25px;
}

Le code est un peu fatra ^^'
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage de Firefox différent chez moi

Message par Invité Lun 19 Déc 2011 - 10:13

UP ~
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage de Firefox différent chez moi

Message par kheino Lun 19 Déc 2011 - 13:01

Dans ton CSS je ne vois pas l'image de fond dans l'identifiant "body" ou "bodyline", celle que l'on voit que via Google.
En inspectant ton forum, je vois dans "body" le champ vide pour l'image de fond :
https://illiweb.com/fa/empty.gif

Alors où as-tu mis cette image de fond ?
Et pourrais-tu me donner le lien de l'image ?
kheino

kheino
Membre habitué

Féminin
Messages : 1698
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
kheino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage de Firefox différent chez moi

Message par Invité Lun 19 Déc 2011 - 13:07

Ce n'est pas l'image de fond qui ne marche, c'est l'image dans le cadre + la nav et d'autres petites choses.

Le fond de l'intérieur du cadre

Code:
td.row1
{background-image: url("http://backgrounds.mysitemyway.com/wp-content/Userfiles/Galleries/curtains/curtains-001711-light-gray.jpg");}
 
td.row2
{background-image: url("http://backgrounds.mysitemyway.com/wp-content/Userfiles/Galleries/curtains/curtains-001711-light-gray.jpg");}
 
td.row3
{background-image: url("http://backgrounds.mysitemyway.com/wp-content/Userfiles/Galleries/curtains/curtains-001711-light-gray.jpg");}
 
td.rowpic
{background-image: url("http://backgrounds.mysitemyway.com/wp-content/Userfiles/Galleries/curtains/curtains-001711-light-gray.jpg");}
 
th
{background-image: url("http://backgrounds.mysitemyway.com/wp-content/Userfiles/Galleries/grunge-warning-stripes/grunge-warning-stripes-002311-light-gray.jpg");}
 
td.row3Right
{background-image: url("http://backgrounds.mysitemyway.com/wp-content/Userfiles/Galleries/curtains/curtains-001711-light-gray.jpg");}
 
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom
{background-image: url("http://backgrounds.mysitemyway.com/wp-content/Userfiles/Galleries/grunge-warning-stripes/grunge-warning-stripes-002311-light-gray.jpg");}
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage de Firefox différent chez moi

Message par kheino Lun 19 Déc 2011 - 14:01

A première vue, tout de go comme ça, tes image ne sont pas hébergée, ce qui est lourd pour le web en général.
Commence déjà par les héberger (sur FA c'est chez Servimg"), peut-être que ça passera.

D'autre part, certains navigateurs ne lisent pas les images entourées de guillemets dans le CSS, alors ne pas les mettre :
background-image: url(http://backgrounds.mysitemyway.com/wp-content/Userfiles/Galleries/curtains/curtains-001711-light-gray.jpg);

Essaie avec les images hébergées et la bonne syntaxe :
td.row1
{background: #000 url(https://i.servimg.com/u/f43/17/03/76/41/curtai10.jpg); /*ordre a respecter pour les normes W3C avec le raccourci background > color image repeat attachment position*/
}

td.row2
{background: transparent url(https://i.servimg.com/u/f43/17/03/76/41/curtai10.jpg);}

td.row3
{background: transparent url(https://i.servimg.com/u/f43/17/03/76/41/curtai10.jpg);}

td.rowpic
{background: transparent url(https://i.servimg.com/u/f43/17/03/76/41/curtai10.jpg);}

th
{background: transparent url(https://i.servimg.com/u/f43/17/03/76/41/grunge11.jpg);}

td.row3Right
{background: transparent url(https://i.servimg.com/u/f43/17/03/76/41/curtai10.jpg);}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom
{background: transparent url(https://i.servimg.com/u/f43/17/03/76/41/grunge11.jpg);}
kheino

kheino
Membre habitué

Féminin
Messages : 1698
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
kheino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage de Firefox différent chez moi

Message par Invité Lun 19 Déc 2011 - 16:12

ça ne change rien =/

Mais apparemment, c'est une partie du css qui ne marche pas, si ce n'est pas tout le css qui est désactivé sur Firefox...
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage de Firefox différent chez moi

Message par kheino Lun 19 Déc 2011 - 16:16

Si si, pour moi c'est bon sur tous les navigateurs communs :
IE9, FF, Google. Safari et Opera.

Avant ça ne fonctionnait aussi que sur Google.
kheino

kheino
Membre habitué

Féminin
Messages : 1698
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
kheino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage de Firefox différent chez moi

Message par Invité Lun 19 Déc 2011 - 20:54

Wiw, je crois que c'est un blem chez mwa, mais je vois pas qwa...
Je test de désinstalle Fire pour voir, je crois qu'il y a une sorte d'enregistrement qu'il fait.

Bon bah, ça change rien...
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage de Firefox différent chez moi

Message par kheino Mar 20 Déc 2011 - 8:29

Alors là, je ne saurais que te recommander, si tu as bien mis les derniers codes que je t'ai donné...
Parce que si ça s'affiche normalement sur IE, ça doit s'afficher partout (sans parler que j'ai testé sur tous les navigateurs précités).
kheino

kheino
Membre habitué

Féminin
Messages : 1698
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
kheino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage de Firefox différent chez moi

Message par Invité Mar 20 Déc 2011 - 12:01

Oui, ça doit être mon Firefox, mais je ne sais pas comment changer, alors que je l'ai désinstaller/installer déjà...

Bizarre bizarre...
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage de Firefox différent chez moi

Message par kheino Mar 20 Déc 2011 - 21:47

Va dans ton OS (C:) et supprime bien Firefox par son uninstall > application
C'est en général suffisant.

Sinon cherche dans l'index "User" > toi
et vois s'il ne traine plus rien.

J'avais dû le faire une fois, et je sais que c'était assez galère, mais je ne me souviens pas bien de toute la procèdure,

Pose aussi des question à Google (ton ami).
kheino

kheino
Membre habitué

Féminin
Messages : 1698
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
kheino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage de Firefox différent chez moi

Message par Invité Ven 23 Déc 2011 - 19:00

Ca marche toujours pas =/
Mais j'ai cherché avant de demander ^^'

Bon, je vais regarder ça encore.
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage de Firefox différent chez moi

Message par Scoubifitz Sam 24 Déc 2011 - 2:02

bonsoir,

repérez ceci dans votre CSS :

div.cell:hover span
{
display:block;
position:absolute;
top:2em; left:2em; width:10em;
border: 5px solid #0e2033;
border-radius : 30px;
background-image: url('https://img11.hostingpics.net/pics/960749fond.png\');
color:#000;
text-align: center;
padding:5px;
height: 120px;
width:130px;
z-index: 4;
}

... et ôtez le backslash ( \ ) juste après "png" , ça résoudra votre problème ...
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3687
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage de Firefox différent chez moi

Message par Invité Sam 24 Déc 2011 - 18:49

Magique *O*
Merci beaucoup à vous deux <3
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum