1. Accueil
  2. Question et réponse
  3. Les règles CSS ne sont simplement pas appliquées dans Internet Explorer. Où devrais-je chercher plus d'informations?

Les règles CSS ne sont simplement pas appliquées dans Internet Explorer. Où devrais-je chercher plus d'informations?

2010-11-12 2 views
0

Je n'ai pas beaucoup d'informations ici. Mon site a fonctionné dans IE8, mais maintenant aucun style n'est appliqué. Les outils de développement affichent tous les fichiers CSS chargés,, mais aucun élément n'indique que ces styles sont . Chrome & Firefox applique toujours tous les styles sans problème.Les règles CSS ne sont simplement pas appliquées dans Internet Explorer. Où devrais-je chercher plus d'informations?

Je sais que vous ne pouvez pas m'aider sans plus d'informations, mais peut-être que vous avez une idée de l'endroit où je pourrais chercher une erreur? Tout mon javascript fonctionne bien. Est-il possible qu'un fichier CSS invalide arrête simplement toute application de style, ou quelque chose comme ça?

Merci pour vos suggestions! PS: éventuellement pertinent - mon fichier css de base en importe plusieurs autres - environ 8 au total.

Source

2010-11-12 Riley Lark

+0

Ce qui est montré dans les outils de développement IE? – rahul

+0

Juste pour confirmer, si vous voir la source de la page dans IE, cliquez sur le lien CSS, le code CSS s'ouvre? ou dit-il que le fichier n'a pas été trouvé? – dpmguise

+0

Essayez d'effacer votre cache IE. Essayez de réenregistrer vos fichiers CSS sous un nouveau nom (espérons-le temporairement). Validez également vos feuilles de style. – BoltClock

Répondre

1
  1. Juste une alouette, essayez de supprimer toutes les importations puis mettre les ramener un par un.
  2. Exécutez votre CSS via le W3C CSS Validator.
  3. Joignez un nouveau fichier CSS, vérifiez qu'il fonctionne, puis migrez lentement vers le nouveau fichier jusqu'à ce qu'il se casse. Essayez de repérer où cela casse.

Source

2010-11-12 04:44:42 alirobe

+0

Est-ce que l'exécution du Validateur a révélé quelque chose d'utile? – theazureshadow

0

Regardez les fichiers qui sont importés, disons, en fonction de body, et voyez s'ils apparaissent tronqués. Cela montrera une erreur de syntaxe.

Source

2010-11-12 04:33:40 Brad

+0

Je suis désolé, je ne comprends pas - comment puis-je regarder les fichiers qui sont importés? Les outils de développement montrent l'étiquette de corps n'a pas de styles appliqués (même si un –

+0

Désolé, j'impliquais de les regarder avec FireBug (avec Firefox) Si vous pouvez trouver un élément dont la balise 'body' a été héritée du fichier CSS, vous pouvez ensuite cliquer sur le nom du fichier pour l'ouvrir et voir s'il semble tronqué.si vous n'avez pas d'élément 'body' défini, créez-en un:' body {color: blue; } – Brad

+0

Tout fonctionne correctement dans Firefox. Les outils de développement d'IE montrent toute ma cascade de styles sur l'élément de corps ... mais aucun d'entre eux ne semble réellement prendre effet. –

0

Même si un fichier CSS avait une erreur (disons une accolade non fermée) qui rendait le fichier entier invalide, cela ne devrait pas affecter d'autres fichiers CSS. Je suppose que vous n'avez pas de commentaires html autour de tout ce que vous incluez .... Il est possible que vous fassiez systématiquement quelque chose qui invalide tous les css. Essayez d'ajouter ce code en haut de votre document (disons juste en dessous de tout type de document, juste parce que), et voir si cela affecte tout:

<style type="text/css"> 
* { background: #f00 !important; } 
</style>

Source

2010-11-12 04:34:43 theazureshadow

+0

Bonne idée - J'ai ajouté cela directement sous ma feuille de style, et tout est devenu rouge. J'ai aussi essayé de l'ajouter directement au-dessus de mon lien vers la feuille de style, et tout est redevenu rouge. –

+0

Deuxièmement, vous pouvez essayer de placer cette règle en haut de l'une de vos feuilles de style et voir ce qui se passe. – theazureshadow

+0

Fascinante/exaspérante, mettre cette règle dans l'une des feuilles de style rend tout rouge également. Difficile de dire si IE ne fait que de la semi-mise en cache bizarre ou quoi. Ainsi, les feuilles de style sont en cours de chargement ... mais ne s'appliquent pas aux éléments. En fait, bien que tout soit rendu rouge en rouge, l'arrière-plan rouge n'apparaît nulle part dans le DOM affiché dans les outils de développement. –

0

vérifier si vous avez mentionné DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" « http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional. DtD dans votre dossier ... J'ai fait face le même problème une fois.

Je ne sais pas si elle avait des œuvres mais lui donner un essai.

Source

2010-11-12 06:53:22 Hem

Questions connexes

 Questions connexes