KioskeaKioskeaCommentCaMarcheInscrivez-vous, c'est gratuit !
Samedi 17 mai 2008 - 21:23:26

Problème de compatibilité Firefox/CSS

Rechercher : dans
Problème de compatibilité Firefox/CSS
par Dgs-
 Fil de Discussions
Statut : Résolu
mercredi 24 janvier 2007 à 19:45:04
Bonjour à tous,
Je suis récement passé à firefox alors que j'utilisais internet explorer avant celà. J'avais à l'époque un site qui passait très bien sous explorer et que j'ai décidé de dépoussiérer un peu.
Or j'ai été surpris de voir que sous firefox le style.css joint à ma page html n'est pas du tout pris en compte. J'ai eu beau chercher dans ce forum, je n'ai pas encore trouvé ma solution, malgré plusieurs essais.

Voici l'index de mon site: http://asianspirit.free.fr/

ainsi que le code de ma page css:

BODY {
scrollbar-face-color: #6D6D6D;
scrollbar-shadow-color: #404040;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #404040;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #404040;
scrollbar-arrow-color: #000000;
.titre {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
font-weight: bold;
}
.titre {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000000;
}
.soustitre {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #000000;
}
.texte {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
}
}
.textepetit {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;
}
a.liensMENU:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #427BC8;
text-decoration: none;
font-weight: bold;
}
a.liensMENU:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #427BC8;
text-decoration: none;
font-weight: bold;
}
a.liensMENU:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
text-transform: none;
}
a.liensMENU:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}
a.liensCOPY:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
text-decoration: none;
font-weight: bold;
}
a.liensCOPY:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
text-decoration: none;
font-weight: bold;
}
a.liensCOPY:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
text-decoration: underline;
font-weight: bold;
text-transform: none;
}
a.liensCOPY:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
text-decoration: underline;
font-weight: bold;
}
a.liensSIMPLE:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #427BC8;
text-decoration: none;
}
a.liensSIMPLE:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #427BC8;
text-decoration: none;
}
a.liensSIMPLE:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #427BC8;
text-decoration: underline;
text-transform: none;
}
a.liensSIMPLE:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #427BC8;
text-decoration: underline;
}
.lienSOUSTITRE:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #000000;
text-decoration: none;
}
.lienSOUSTITRE:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #000000;
text-decoration: none;
}
.lienSOUSTITRE:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #000000;
text-decoration: underline;
text-transform: none;
}
.lienSOUSTITRE:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #000000;
text-decoration: underline;
}
.texteclair {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
}


Je précise que je travaille sous dreamweaver (au cas où ^^). Je remercie d'avance les personnes qui pourront me sortir de ce pétrin. Amicalement, Dgs.
Configuration: Windows XP
Firefox 2.0.0.1
Répondre à Dgs-  Signaler ce message aux modérateurs Aller au dernier message

1


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par thifoolish, le jeudi 25 janvier 2007 à 11:00:37 Fil de Discussions
Bonjour,

Certaines versions des navigateurs de type Netscape notamment, ne prennent pas en compte les instructions liées à la mise en page de l'environnement (tout ce qui touche aux éléments du navigateur web utilisé, comme les instructions scrollbar, par exemple, qui sont limitées aux utilisateurs de IE et d'Opera)

Cordialement. On ne court jamais assez vite derrière le Temps.
C'est pour cela qu'on devient trop vieux avant d'avoir vécu.
Répondre à thifoolish

2


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par _goni, le jeudi 25 janvier 2007 à 11:12:07 Fil de Discussions
Salut,
En fait, il faut trouver des mises en page dérivées. IE et Firefox n'interprètent pas de la même manière le CSS. Souvent, tu dois passer beaucoup de temps pour que tu es le même rendu sur les deux. C'est pas simple pcq tu commence par IE et FF mais après tu veux qu'il fonctionne pour Mac, Linux mais c'est vraiment pas simple. En tout cas c'est cool les gens qui pensent aux utilisateurs Firefox.
Merci à toi et bon courage ;) Benoit.
Enlèves tes doigts sales de mon clavier.
Répondre à _goni

3


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par Dgs-, le jeudi 25 janvier 2007 à 13:42:40 Fil de Discussions
Bonjour,

Merci de vos réponses, je vais tenter de biaiser comme me l'a conseillé _goni. Je trouve ça assez embettant que Firefox ne réagisse pas de la même façon qu'IE face aux .css, le résultat est vraiment plus joli avec une scrollbar colorée et css fait gagner pas mal de temps et de lisibilité au codage. M'enfin, j'espère bien trouver une solution d'ici là.
Merci encore à vous deux, à une prochaine fois. ^^
Répondre à Dgs-

4


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par Dgs-, le vendredi 26 janvier 2007 à 13:56:13 Fil de Discussions
Pour ceux que ça intéresse j'ai réglé les problèmes principaux.

Dans mon code css il manquait:

BODY {
scrollbar-face-color: #6D6D6D;
scrollbar-shadow-color: #404040;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #404040;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #404040;
scrollbar-arrow-color: #000000;
} <-- CECI --
.titre {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
font-weight: bold;
}

Dans ma page de code html j'ai remplacé border="1" et bgcolor="#333333" par:

<table width ="100" align ="center" cellpadding ="0" cellspacing ="0" style= "border: 1px solid #333333;">

Voilà, un grand merci à PetoleTeam, qui m'a grandement aidé.

A bientôt.
Répondre à Dgs-

5


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par thifoolish, le mercredi 5 septembre 2007 à 16:49:52 Fil de Discussions 
Accessoirement tu avais mis une parenthèse fermante qui ne sert à rien plus bas dans ton code,
mais mes remarques de l'époque concernaient le bgcolor border align etc... qui sont depuis quelques années éjectées du code html pour être avantageusement remplacées par des css...
Pareil pour tous les passages de styles... C'est une mauvaise manière de coder que de tout mélanger... On ne court jamais assez vite derrière le Temps.
C'est pour cela qu'on devient trop vieux avant d'avoir vécu.
Répondre à thifoolish
Discussions pertinentes trouvées dans le forum
27/02 12h06compatibilité firefox, operaRéseaux27/02 12h060
26/11 18h05Problème de compatibilité FirefoxWebmastering04/12 19h502
18/09 19h32probleme de compatibilite firefox / IEWebmastering18/09 20h111
05/09 18h19Compatibilité FirefoxWebmastering05/09 19h092
Plus de discussions sur « Problème de compatibilité Firefox/CSS » Discussion en cours Discussion fermée Problème résolu
Répondre
Titre du message :
Votre pseudo:
Votre email :
Message: 
  •  
  •  
Options: Recevoir les réponses par mail.
 

Aide