Jquery CSS appliqué sous Chrome mais pas IE ni Firefox

TheKingOfSnak Messages postés 10 Date d'inscription   Statut Membre Dernière intervention   -  
Kopros Messages postés 595 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,
Je débute et pour mon stage je dois coder un petit truc sympa, j'ai fait un truc tout jouli.. le CSS rend le tout sexy, mais sous IE et mozilla, bah ca reste sans css..

Le <head> donne ça : 
<!doctype html>
<!--[if lte IE 7]> <html class="no-js ie67 ie678" lang="fr"> <![endif]-->
<!--[if IE 8]> <html class="no-js ie8 ie678" lang="fr"> <![endif]-->
<!--[if IE 9]> <html class="no-js ie9" lang="fr"> <![endif]-->
<!--[if gt IE 9]> <!--><html class="no-js" lang="fr"> <!--<![endif]-->
<head>
  <meta charset="UTF-8">
  <!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge"><![endif]-->
  <title>Tutoriels</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="IE=8" />
  <!--[if lt IE 9]>
  <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
  <link rel="stylesheet" href="styles.css" media="all">
</head>


Et une partie du CSS qui s'applique pas : 
.navigation {
  margin: 0;
  padding: 0;
  list-style: none;
  background: #000;
  color: #fff;
  width: 200px;
  font: 1.2em "Trebuchet MS", sans-serif;
}
.navigation a, .navigation span {
  display: block;
  padding: 4px 10px;
  color: #fff;
  text-decoration: none;
  background: #000 url("Images/menu-item.png") left bottom no-repeat;
}
.navigation .toggleSubMenu a, .navigation .toggleSubMenu span {
  background-image: url("file://C:/Users/sen/Desktop/Stage_Valentin/WEB/Images/menu-item-deroule.png");
}



EDIT : Ajout des balises de code


A voir également:

1 réponse

Réponse 1 / 1
Kopros Messages postés 595 Date d'inscription   Statut Membre Dernière intervention   89
 
Salut,
Déjà ça me paraît bizarre que dans ton css il y ait une image en lien relatif et une autre en lien absolu. Je te conseille de tout mettre en lien relatif (comme Images/menu-item.png).

Sinon il faut voir ce que dis la console d'erreurs, sous Firefox tu fais Ctrl + Maj + j
0

Discussions similaires

Méssage Firefox ''Couldn't load XPCOM''
pistouri -
pistouri -

0 réponse