2012-07-21 6 views
0

J'ai écrit un nouveau modèle de site Web. Tout fonctionne bien mais il y a un problème:IE8 ne se charge pas CSS

IE8 et inférieur ne chargent pas ma feuille de style. Je ne sais pas pourquoi. Je l'ai essayé sur plusieurs ordinateurs pour éliminer la possibilité de problèmes de cache ou quelque chose comme ça.

La feuille de style est écrite avec SASS (http://sass-lang.com/). Mais je pense que ce n'est pas le problème car j'ai fait d'autres sites avec SASS et tout fonctionne bien.

// EDIT:

<!DOCTYPE html> 
<html lang="de"> 
    <head> 
     <meta charset="utf-8" /> 
     <title>***</title> 
     <link rel="stylesheet" type="text/css" href="/styles/screen.css" /> 
    </head> 
<body> 
</body> 
</html> 
+0

Comment appelez-vous la feuille de style. S'il vous plaît fournir un code. –

+0

Ok, j'ai ajouté du code. Le corps devrait être sans importance, alors je l'ai enlevé. – snix

+0

Pouvez-vous montrer un exemple en direct? –

Répondre

7

Vous êtes en utilisant <section> éléments nouveaux et IE8 ne sont pas connus par défaut. Et parce qu'il ne les connaît pas, ils sont traités comme un span, sauf que vous ne pouvez pas les styliser en utilisant CSS.

L'astuce consiste à créer l'élément avant que la page ne soit chargée et que le navigateur puisse les styler. Le plus simple est d'utiliser quelque chose comme html5shim. Assurez-vous simplement d'ajouter le code suivant à votre section head car il doit être exécuté avant que le rendu HTML ne commence:

<!--[if IE]> 
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> 
<![endif]--> 
1

Quelques problèmes dans votre chemin .. Je suppose que

Possibilité 1:

<link rel="stylesheet" type="text/css" href="styles/screen.css" media="screen" /> 

Possibilité 2:

<link rel="stylesheet" type="text/css" href="../styles/screen.css" media="screen" />