Problème de CSS sous Firefox

[sgwil]

Bonjour,

Je suis actuellement en train de recoder mon site perso afin qu'il soit compatible IE et Firefox, ce qui n'était pas le cas avant.

J'utilise une feuille de style CSS commune à tout le site qui définit, entre autres, les attributs des classes attribuées aux cellules des tableaux, cependant, si le style est parfaitement appliqué sous IE, je ne comprends pas pourquoi Mozilla ne l'affiche pas.

Le code est le suivant :

.1 {
border-style:solid;
border-width:1px;
border-color: #E8BD60 #C6901C #C6901C #E8BD60;
-moz-border-bottom-color: #E8BD60;
background-color:#FFEEB6;
}
.2 {
border-style:solid;
border-width:1px;
border-color:#E8BD60 #C6901C #C6901C #E8BD60;
background-color:#FFFAE7;
}
.3 {
border-style:solid;
border-width:1px;
border-color:#FFFAE7 #C6901C #C6901C #FFFAE7;
background-color:#E8BD60;
}

Merci de votre aide

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1)

[calimo]

Il peut y avoir plein de raisons, pas forcément liées au code lui-même mais également à son intégration dans la page. Sans ça, difficile à dire d'où vient le problème (autrement dit, il faudrait une démo grandeur nature )

Petit conseil tout de même, qui n'a rien à voir mais qui te sera probablement très utile : utilise les classes en gardant la sémantique à l'esprit
Une petite explication en anglais (je n'arrive pas à retrouver la vf) : http://www.w3.org/QA/Tips/goodclassnames

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.0.9) Gecko/20061206 Firefox/1.5.0.9

[HP]

de toute façon, id comme class je ne pense pas que tu puisses utiliser uniquement un chiffre... il te faut au moins une lettre avant... (donc pas de chiffre tout seul et pas de chiffre au début du "nom" d'une classe ou id)

puis même sans faire forcément sémantique (comme le conseille calimo de façon fort à propos) pense au minimum à la lisibilité du code et à sa maintenance, si tu ne mets pas une tonne de commentaires avant tes classes 1, 2, 3, 4, 5 (etc) ça ne va pas être très évident à comprendre, même par celui qui aura fait la feuille de style ; la maintenance ne sera donc pas aisée.

Message envoyé avec : Mozilla/5.0 (Macintosh; U; Intel Mac OS X; fr; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1

[calimo]

de toute façon, id comme class je ne pense pas que tu puisses utiliser uniquement un chiffre... il te faut au moins une lettre avant... (donc pas de chiffre tout seul et pas de chiffre au début du "nom" d'une classe ou id)

Si si, une classe c'est du cdata, on peut y mettre n'importe quoi.
Mais 1, 2, 3 c'est le meilleur moyen pour ne plus rien y comprendre plus rapidement qu'il ne faut de temps pour le dire

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.0.9) Gecko/20061206 Firefox/1.5.0.9

[HP]

Si si, une classe c'est du cdata, on peut y mettre n'importe quoi

arf, bizarre, parce que la seule fois que j'avais essayé c'était pour faire une classe '.7zip' et, bien sûr, ça n'avait pas fonctionné jusqu'à temps que je vire le 7...
mais bon si on peut

Message envoyé avec : Mozilla/5.0 (Macintosh; U; Intel Mac OS X; fr; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1

[calimo]

En fait, je n'avais jamais essayé, et c'est vrai que ça provoque un message d'erreur C'est bizarre car rien, dans les docs, ne semble empêcher ces noms
http://www.la-grange.net/w3c/html4.01/s ... adef-class
http://www.la-grange.net/w3c/html4.01/t ... type-cdata
http://www.yoyodesign.org/doc/w3c/css2/ ... class-html


Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.0.9) Gecko/20061206 Firefox/1.5.0.9

[HP]

Tout cas, un grand merci pour tout ces les liens, c'est toujours enrichissant...
partant de mon expérience et de l'analogie avec les id, j'en avais tiré la conclusion (peut être hâtive) que ça marchait pareil... ce qui me semblait assez logique, somme toute.

Message envoyé avec : Mozilla/5.0 (Macintosh; U; Intel Mac OS X; fr; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1

[Alan]

Bonjour

En CSS2, les identificateurs (ainsi que les noms des éléments et ceux des classes et IDs des sélecteurs) ne peuvent contenir que des caractères parmi [A-Za-z0-9] et ISO 10646 supérieurs à 161, ainsi que le tiret (-) et le souligné (_) ; ils ne peuvent commencer ni par un tiret ni par un chiffre. On peut aussi employer des caractères masqués ainsi que tous les caractères Unicode sous leur forme numérique (voir ci-après). Par exemple, l'identificateur "B&W?" peut s'écrire "B\&W\?" ou "B\26 W\3F".

http://www.yoyodesign.org/doc/w3c/css2/syndata.html#q4

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.1.1) Gecko/20060601 Firefox/2.0.0.1 (Ubuntu-edgy)

[calimo]

Ah ben voilà la réponse !
Merci