Fichier css non reconnu par Firefox

**equilibres** · 09/02/2009, 20h38

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 css :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**desert** · 09/02/2009, 21h21

As-tu déjà essayé de mettre ta feuille de style dans le même dossier que ta page html, tout en changeant l'adresse dans ta balise link ?

**equilibres** · 09/02/2009, 23h02

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.

**desert** · 10/02/2009, 08h50

C'est donc un problème d'adresse.
Est-ce que ta/tes pages html sont situés dans le dossier parent du dossier css ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
dossier parent
|-- index.html, ...
|-- dossier css

ou bien elles se situent dans un autre sous-répertoire du dossier parent ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
dossier parent
|-- dossier html
|-- dossier css

Dans le premier cas, l'adresse sera css/style.css
Dans le deuxième, ../css/style.css

Fichier css non reconnu par Firefox

CSS

Discussions similaires

Partager

Partager