Fichier css non reconnu par Firefox
Bonjour,
Après quelques heures à m'arracher les cheveux (et à chercher sur le net), je ne trouve aucune explication logique :
Je veux insérer sur ma page principale un menu déroulant en css (sur base de <ul><li>...), pour une compatibilité optimale. J'ai trouvé un modèle qui me convient, que j'ai enregistré à part dans un fichier css. Résultat impeccable sous IE. Par précaution, je teste sous Firefox ... qui me traite la liste comme si le fichier css n'existait pas ! Le comble, c'est que si je place le contenu du fichier dans la section <head>, entre les balises <style>, tout fonctionne. Quelqu'un a-t-il une solution pour cette bizarrerie de Firefox ?
Le code css ne semble pas en cause, puisqu'il fonctionne quand il est dans la section head, mais je le fournis à tout hasard :
Code:
1
2
3
4
5
6
7
| #mvnmenu {font-family: trebuchet ms,arial,tahoma,verdana,sans-serif;font-size: 90%;font-weight:bold;}
#mvnmenu ul ul {display: none; position: absolute; left: 164px; top: -1px; margin:0px; padding: 0px; border: 1px solid #B0B0B0;}
#mvnmenu li {list-style-type: none; position: relative; width: 160px; background-color: #E0E0E0; padding: 2px; margin: 0px}
#mvnmenu li:hover, #mvnmenu li.sfhover {background-color: #FFFF70;}
#mvnmenu li a {text-decoration:none;}
#mvnmenu li:hover ul.niveau2, #mvnmenu li li:hover ul.niveau3, #mvnmenu li.sfhover ul.niveau2, #mvnmenu li li.sfhover ul.niveau3 {display: block}
#mvnmenu li.plus {background-position:right; background-image: url(illustrations/fdroite.gif); background-repeat: no-repeat; border-bottom: 1px solid #B0B0B0;} |
Avec le fichier css, qui ne contient que ce code, Firefox qu'une liste normale (appel du fichier par <link rel="stylesheet" type="text/css" href="css/menu.css" />) (le fichier se trouve bien dans le sous-répertoire css).
Si je supprime le <link...>, et que je copie le code (par copier-coller ... pas d'erreur de transcription) entre des balises <style type="text/css">...</style> dans la section head de la page, mon menu déroulant s'affiche correctement.
Merci d'avance
Ca marche ... mais pourquoi ???
Merci pour la suggestion. Je viens d'essayer, et effectivement ça marche. Maintenant, reste à comprendre pourquoi mes autres fichiers css sont bien lus dans le sous répertoire ... et pas celui-là. Je croyais que le point fort des css était une structuration très poussée, et que Firefox était le champion dans le respect de cette idée ! Je ventilais mes fichiers par type dans des sous répertoires, histoire de m'y retrouver, vu que le contenu du site va être assez conséquent (au moins 150 fichiers, sans compter quelques milliers d'illustrations), et me voila obligé de refaire du méli-mélo.
Si quelqu'un a une explication, je suis toujours preneur. J'aime bien comprendre.
Merci en tous cas pour la solution. Elle va me permettre de reprendre la partie utile du travail.
Bien cordialement.
