Firefox ne lit pas le css dans un sous-repRésolu/Fermé

Question

Bonjour,

j'ai un souci sur firefox :
- lorsque j'écris un css dans un sous répertoire (rep/style.css), firefox le lit bien mais ne l'exécute pas
- si j'écris ce même css dans le même répertoire que ma page (style.css), là, cela fonctionne correctement

pour raison d'arborescence propre, je souhaiterais que le css soit effectivement dans un sous-rep
quelqu'un a-t-il déja été confronté à ce problème et autait trouvé une réponse voire solution ?

merci pour votre participation
cordialement

avion-f16 · Answer

Si il y a un problème c'est que ton url est mauvaise ...
Le dossier qui contient ton css est-il dans le même que celui qui contient ta page ?

Eric-40 · Answer

justement, il ne fait pas ce que je lui dit de faire il fonctionne très bien sous IE d'autres ont eu ce problème, mais aucune réponse n'a été apportée voici le code, simplifié, qui ne fonctionne pas non plus : Pour le HTML : test.html ======= Début du code ======= Bug Firefox

Titre h1

Texte en p

Test W3C ======== Fin du code ======== Pour le css : rep/style.css (qui se trouve bien dans le sous-rep, en cliquant sur le lien W3C, les instructions sont bien visibles, mais non interprêtées), d'autre part, IE le lit bien ======= Début du code ======= h1 {color:#0000FF;} p {color:#800080;} .hauteur1 {font-size:20px;} ======== Fin du code ======== Ceci reste un exemple pour essayer d'identifier ce qui ne passe pas

Eric-40 · Answer

le html est donc dans un répertoire
le css est dans le sous-repépertoire "rep"

merci

avion-f16 · Answer

C'est logique, tu ne lui spécifie pas sur quoi le CSS doit s'appliquer (impression, écran, mobile, ...).
Essaye avec ça :
<link rel="stylesheet" type="text/css" media="screen" href="rep/ecran.css" />
Renomme aussi ton fichier style.css en ecran.css, ainsi tu pourra aussi faire un print.css, mobile.css, ...

Eric-40 · Answer

merci pour ta réactivité

j'ai changé ma ligne par :
<link rel="stylesheet" type="text/css" media="screen" href="rep/ecran.css" />

et renommé mon rep/style.css par rep/ecran.css 

cela ne fonctionne toujours pas

pourtant, j'ai ceci en cliquant sur le lien "Test W3C"

========== Début de la réponse W3C CSS ==========
Votre feuille de style CSS validée :
h1 {
color : #0000ff;
}
p {
color : #800080;
}
.hauteur1 {
font-size : 20px;
}
=========== Fin de la réponse W3C CSS ===========

Firefox le "lirait bien" mais ne l'interprête pas

avion-f16 · Answer

En tout cas, ça fonctionne chez moi.

Eric-40 · Answer

Je suis sous XP
Firefox v3.0.13
celà peut-il avoir, d'après toi, un rapport ?

ton lien fonctionne bien 


j'ai un .htaccess au niveau supérieur, pourrait-il influencer ?

avion-f16 · Answer

Pour XP et FF3, c'est sûr que ça ne vient pas de toi.
Peut-être que ça provient de ton .htaccess

Eric-40 · Answer

merci pour ta réponse

j'ai supprimé temporairement le .htaccess du serveur
toujours pareil ...

si le .css est dans le même répertoire que le .html, cela fonctionne
mais dans un sous-répertoire non
pour une raison de "propreté", j'aimerai regrouper mes .css dans un sous-rep

sous IE, cela fonctionne toujours, quelque soit la config :
- avec ou sans .htacces
- dans le même répertoire ou dans un sous-rep

avion-f16 · Answer

Est-ce que tu lances bien ton fichier via http://localhost/ ? Si ce n'est pas le cas, alors essaye rep\ecran.css au lieu de rep/ecran.css (mais remet " / " sur ton hébergeur).

Eric-40 · Answer

j'ai recopié mon "test.php" et mon "rep/ecran.css" sur un autre site (pourtant du même hébergeur)
et là, ça fonctionne, j'avoue y perdre mon latin

sur le 1er site, je suis sur un sous-domaine, cela pourrait-il influencer ?

avion-f16 · Answer

Non

Eric-40 · Answer

merci pour ta patience

J'ai réusi à reproduire le même effet sur le second site
j'ai l'impression que c'est une histoire d'arborescence (plusieurs niveaux)
je peux t'envoyer le lien par e-mail ?
voir si ça te fait le même résultat ?

avion-f16 · Answer

Poste le lien ici, ça permettra à tout le monde de t'aider.

Eric-40 · Answer

Voici le lien temporaire créé pour le test de cette page

http://www.enigmeschristophe-and-co.com/Travail/Eric/Essais/test.php

avion-f16 · Answer

Ça fonctionne parfaitement avec Firefox 3.5.2 et IE8

Eric-40 · Answer

merci

je suis effectivement sur firefox 3.0.13, comme de nombreux membres chez nous, c'est la raison pour laquelle j'aurais souhaité que cela fonctionne sur cette version

si ça fonctionnne en 3.5.2, nous leur demanderons de migrer vers cette version
(mais bon, j'aime bien comprendre ;) )

en tout cas, grand merci pour ta participation

je laisse le débat ouvert pour si quelqu'un trouve, cela pourra peut-être servir à d'autres ...

Eric-40 · Answer

je viens d'installer firefox 3.5.2 et ... c'est pareil ... 

le problème viendrait-il de windaube Xp Sp3 ?

djvains · Answer

je pense qu'il faut tout simplement ecrire ton lien comme ca:

djvains · Answer

c'était bien ca ???? chez moi ca marche  !

Eric-40 · Answer

toujours pas, désolé Bug Firefox

Titre h1

Texte en p

Test W3C

Eric-40 · Answer

en supprimant un niveau de l'arbo, ça marche

ici, ça fonctionne :
http://www.enigmeschristophe-and-co.com/Eric/Essais/test.php

ici, ça ne fonctionne pas
http://www.enigmeschristophe-and-co.com/Travail/Eric/Essais/test.php

(le sous-répertoire "rep" est bien redéfini avec le "ecran.css" dans les deux cas)

Eric-40 · Answer

en faisant un 

menu > outils > supprimer historique récent sous firefox, c'est tombé en marche

que de temps perdu !

merci en tout cas pour votre participation à tous

information à mettre de côté qui pourra reservir
j'attends un peu pour quelques remarques éventuelles et ferai un récapitulatif avant de marquer résolu

maintenant, reste à savoir à partir de quand cela ne fonctionnait pas réellement ...

djvains · Answer

la je comprend pas chez moi (sous firefox) tes deux liens affiche le css correctement !

quand tu dit "ici, ça ne fonctionne pas" de quoi parle tu?

Eric-40 · Answer

je viens de corriger les pages

quand ça ne fonctionne pas, je veux dire que firefox fait comme si le css n'existait pas, donc aucune mise en page
alors qu'en cliquant sur le lien fourni "Test W3C", le contenu du css s'affiche bien

j'essaye de remonter pour voir où est la différence

avec la balise "<link...", ça ne fonctionne pas
avec la balise "<style..." cela fonctionne

il m'a fallu faire un effacer historique pour que "<style..." fonctionne, à moins que la prise compte du css n'ait été différée

encore merci à tous

djvains · Answer

éffectivement c'était pas grand chose, prend l'habitude de vider le cache quand tu teste tes pages sous firefox, certaines données ne se rafraichissent pas toutes seules 
j'ai moi meme pas mal galerer a cause de ca donc si il y a bien une chose a retenir c'est:

OUTILS=>OPTIONS=>AVANCé=>VIDER LE CACHE

et

OUTILS=>SUPRIMER L'HISTORIQUE RéCENT

A FAIRE A CHAQUE REFRESH QUAND ON TEST UNE PAGE !!!!!!!

Eric-40 · Answer

Bonne leçon à retenir ;)

demain, je ferai le résumé et marquerai "résolu" pour celles et ceux qui rencontreraient le même pb

bonne soirée et encore merci

avion-f16 · Answer

Normalement, pas besoin d'effacer le cache.
Quand on presse le bouton actualisé, le navigateur ne prends pas en compte les fichiers du cache est les remplaces par les nouveaux qui arrive directement du serveur.
Si ce n'était pas le cas, je ne vois pas l'intérêt d'un bouton actualiser ...

Eric-40 · Answer

justement, le actualiser (ou <F5>) ne fonctionne pas dans ce cas, je pense que la raison est :

si tu actualises la page en cours (parce que plantée par exemple), elle se réaffiche bien 
SAUF si elle a été modifiée entre temps, ce qui était mon cas avec mes essais successifs, firefox conserve en cache l'ancienne page d'où le besoin de l'effacer.

tu confirmes djvains ?

djvains · Answer

exactement mais dans ce cas ont peut aussi se demander a quoi sert le bouton "vider le cache" si le bouton "actualiser" le fesait....
moi je pense que lorsqu'on actualise la page toutes les données ne sont pas rafraichies, pour la simple et bonne raison qu'il n'y aurait aucun intérêt a recharger des données qui ont déjà été chargées 

j'ai déjà eu ce problème en mettant une musique de fond sur une page:
la musique se charge nickel la première fois, puis plus du tout quand on fait un refresh
la seule solution "vider le cache" !!

si quelqu'un connais une solution a ce problème:
-code a insérer pour que le fichier se recharge a chaque refresh
-réglage dans firefox...

Je suis preneur

Eric-40 · Answer

j'ai trouvé ce lien, j'espère qu'il fera ton bonheur

https://www.developpez.net/forums/d296823/webmasters-developpement-web/flash-flex/flash/forcer-vidage-cache/

Eric-40 · Answer

Résumé : Problème : Lorsqu'une arborescence est trop longue, firefox ne lit plus le css placé dans un répertoire sous celui du html /xxx/yyy/zzz/test.html /xxx/yyy/zzz/rep/style.css Résolution : - Soit remonter ces fichiers dans l'arborescence (pas toujours possible) - Mieux : Remplacer la balise par Pour vérifier que cela fonctionne, ne pas oublier d'effacer le cache de Firefox, sinon, il affichera toujours l'ancienne page. Menu > Outils > Options Onglet : Avancé Bouton "Vider le cache maintenant"

Firefox ne lit pas le css dans un sous-rep

32 réponses

Discussions similaires

Newsletters