CSS/Problème avec feuille de style
Résolu
alexou1984
Messages postés
375
Date d'inscription
Statut
Membre
Dernière intervention
-
shinigamiii Messages postés 25 Date d'inscription Statut Membre Dernière intervention -
shinigamiii Messages postés 25 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
J'ai un problème. J'ai créé une feuille de style de base, et une feuille de style spécifique à Internet Explorer. Mon problème est que ma feuille de style spécifique à IE n'est pas prise en compte lorsque j'ouvre l'index de mon site avec IE.
Voici mon code source conditionnel :
<link href="style.css" rel="stylesheet" type="text/css" />
<!--[if IE]>
<link href="ie.css" rel="stylesheet" type="text/css" />
<![endif]-->
Quelque chose ne va pas ?
J'ai un problème. J'ai créé une feuille de style de base, et une feuille de style spécifique à Internet Explorer. Mon problème est que ma feuille de style spécifique à IE n'est pas prise en compte lorsque j'ouvre l'index de mon site avec IE.
Voici mon code source conditionnel :
<link href="style.css" rel="stylesheet" type="text/css" />
<!--[if IE]>
<link href="ie.css" rel="stylesheet" type="text/css" />
<![endif]-->
Quelque chose ne va pas ?
A voir également:
- Barhtope
- Style word - Guide
- Bruler feuille de laurier - Guide
- Feuille de pointage excel - Télécharger - Tableur
- Comment faire un livret avec des feuilles a4 - Guide
- Nom pour facebook stylé - Guide
9 réponses
Je ne comprends plus rien... En enlevant la condition, j'obtient les mêmes paramètres quelque soit la feuille de style que je laisse en lien sur mon index... Que je mette le lien de la feuille de base ou celui de la feuille pour IE il n'y a aucun changement ???
C'est dingue ça !!!
Je viens de faire une petite expérience. Lorsque le nom de ma feuille de style est "style" :
<link rel="stylesheet" type="text/css" href="style.css" />
Ca marche.
Mais lorsque j'ai le malheur de changer le nom de ma feuille de style en "ie", "stylebis", "style.ie"... :
<link rel="stylesheet" type="text/css" href="----------.css" />
On dirait que IE devient fou, il mélange complètement les paramètres de ma feuille de style et n'en d'autres ne sont même pas pris en charge.
Voici ma feuille de style :
<!--
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
body {margin:0;padding:0}
a:hover {color:red}
a {text-decoration:none;color:black}
a img {border:none}
#head {margin-bottom:25px}
#last {position:absolute;top:183px;left:20px;font-size:15px;background-color:transparent}
#bodyleft {margin-right:10px}
#menuball1 {position:absolute;top:7px;left:0px}
#textemenuball1 {position:absolute;top:11px;left:32px;font-size:15px;font-family:Georgia;background-color:transparent}
#fondsousmenu1 {position:absolute;top:36px;left:11px}
#sousmenus1 {position:absolute;top:40px;left:15px;font-size:13px;font-family:Georgia;background-color:transparent;line-height:18px}
#menuball2 {position:absolute;top:104px;left:0px}
#textemenuball2 {position:absolute;top:108px;left:32px;font-size:15px;font-family:Georgia;background-color:transparent}
#fondsousmenu2 {position:absolute;top:133px;left:11px}
#sousmenus2 {position:absolute;top:137px;left:15px;font-size:13px;font-family:Georgia;background-color:transparent;line-height:18px}
#menuball3 {position:absolute;top:201px;left:0px}
#textemenuball3 {position:absolute;top:205px;left:32px;font-size:15px;font-family:Georgia;background-color:transparent}
#fondsousmenu3 {position:absolute;top:230px;left:11px}
#sousmenus3 {position:absolute;top:234px;left:15px;font-size:13px;font-family:Georgia;background-color:transparent;line-height:18px}
#menuball4 {position:absolute;top:298px;left:0px}
#textemenuball4 {position:absolute;top:302px;left:32px;font-size:15px;font-family:Georgia;background-color:transparent}
#fondsousmenu4 {position:absolute;top:327px;left:11px}
#sousmenus4 {position:absolute;top:331px;left:15px;font-size:13px;font-family:Georgia;background-color:transparent;line-height:18px}
#menuball5 {position:absolute;top:395px;left:0px}
#textemenuball5 {position:absolute;top:399px;left:32px;font-size:15px;font-family:Georgia;background-color:transparent}
#fondsousmenu5 {position:absolute;top:424px;left:11px}
#sousmenus5 {position:absolute;top:428px;left:15px;font-size:13px;font-family:Georgia;background-color:transparent;line-height:18px}
#menuball6 {position:absolute;top:492px;left:0px}
#textemenuball6 {position:absolute;top:496px;left:32px;font-size:15px;font-family:Georgia;background-color:transparent}
#fondsousmenu6 {position:absolute;top:521px;left:11px}
#sousmenus6 {position:absolute;top:530px;left:15px;font-size:13px;font-weight:bold;font-family:Georgia;background-color:transparent;line-height:18px}
#balltopleft {position:absolute;top:0px;left:0px}
#balltopright {position:absolute;top:0px;left:524px}
#ballbottomleft {position:absolute;top:523px;left:0px}
#ballbottomright {position:absolute;top:523px;left:524px}
#barhtop {position:absolute;top:4px;left:46px}
#barvleft {position:absolute;top:45px;left:4px}
#barvright {position:absolute;top:45px;left:534px}
#barhbottom {position:absolute;top:532px;left:46px}
#bodyright {margin-left:10px}
#menuball7 {position:absolute;top:7px;left:2px}
#textemenuball7 {position:absolute;top:11px;left:34px;font-size:15px;font-family:Georgia;background-color:transparent}
#fondsousmenu7 {position:absolute;top:36px;left:13px}
#sousmenus7 {position:absolute;top:40px;left:17px;font-size:13px;font-family:Georgia;background-color:transparent;line-height:18px}
#foot {margin-top:25px}
#copyright {position:absolute;top:0px;left:547px;font-size:15px;background-color:transparent}
.title {font-weight:bold;font-size:17px;font-family:Georgia;color:#ea603b}
.text {position:absolute;top:35px;left:35px;width:500px;height:498px;padding:10px;font-size:15px;font-family:Georgia;text-align:justify}
.warning {font-weight:bold;color:red}
.actu {font-weight:bold;color:#ea603b}
-->
Les seules valeurs qui changent entre la feuille de style de base et celle pour IE sont juste deux valeurs de taille : "width" et "height" pour la class ".text" sinon les deux feuilles de styles sont identiques.
Je viens de faire une petite expérience. Lorsque le nom de ma feuille de style est "style" :
<link rel="stylesheet" type="text/css" href="style.css" />
Ca marche.
Mais lorsque j'ai le malheur de changer le nom de ma feuille de style en "ie", "stylebis", "style.ie"... :
<link rel="stylesheet" type="text/css" href="----------.css" />
On dirait que IE devient fou, il mélange complètement les paramètres de ma feuille de style et n'en d'autres ne sont même pas pris en charge.
Voici ma feuille de style :
<!--
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
body {margin:0;padding:0}
a:hover {color:red}
a {text-decoration:none;color:black}
a img {border:none}
#head {margin-bottom:25px}
#last {position:absolute;top:183px;left:20px;font-size:15px;background-color:transparent}
#bodyleft {margin-right:10px}
#menuball1 {position:absolute;top:7px;left:0px}
#textemenuball1 {position:absolute;top:11px;left:32px;font-size:15px;font-family:Georgia;background-color:transparent}
#fondsousmenu1 {position:absolute;top:36px;left:11px}
#sousmenus1 {position:absolute;top:40px;left:15px;font-size:13px;font-family:Georgia;background-color:transparent;line-height:18px}
#menuball2 {position:absolute;top:104px;left:0px}
#textemenuball2 {position:absolute;top:108px;left:32px;font-size:15px;font-family:Georgia;background-color:transparent}
#fondsousmenu2 {position:absolute;top:133px;left:11px}
#sousmenus2 {position:absolute;top:137px;left:15px;font-size:13px;font-family:Georgia;background-color:transparent;line-height:18px}
#menuball3 {position:absolute;top:201px;left:0px}
#textemenuball3 {position:absolute;top:205px;left:32px;font-size:15px;font-family:Georgia;background-color:transparent}
#fondsousmenu3 {position:absolute;top:230px;left:11px}
#sousmenus3 {position:absolute;top:234px;left:15px;font-size:13px;font-family:Georgia;background-color:transparent;line-height:18px}
#menuball4 {position:absolute;top:298px;left:0px}
#textemenuball4 {position:absolute;top:302px;left:32px;font-size:15px;font-family:Georgia;background-color:transparent}
#fondsousmenu4 {position:absolute;top:327px;left:11px}
#sousmenus4 {position:absolute;top:331px;left:15px;font-size:13px;font-family:Georgia;background-color:transparent;line-height:18px}
#menuball5 {position:absolute;top:395px;left:0px}
#textemenuball5 {position:absolute;top:399px;left:32px;font-size:15px;font-family:Georgia;background-color:transparent}
#fondsousmenu5 {position:absolute;top:424px;left:11px}
#sousmenus5 {position:absolute;top:428px;left:15px;font-size:13px;font-family:Georgia;background-color:transparent;line-height:18px}
#menuball6 {position:absolute;top:492px;left:0px}
#textemenuball6 {position:absolute;top:496px;left:32px;font-size:15px;font-family:Georgia;background-color:transparent}
#fondsousmenu6 {position:absolute;top:521px;left:11px}
#sousmenus6 {position:absolute;top:530px;left:15px;font-size:13px;font-weight:bold;font-family:Georgia;background-color:transparent;line-height:18px}
#balltopleft {position:absolute;top:0px;left:0px}
#balltopright {position:absolute;top:0px;left:524px}
#ballbottomleft {position:absolute;top:523px;left:0px}
#ballbottomright {position:absolute;top:523px;left:524px}
#barhtop {position:absolute;top:4px;left:46px}
#barvleft {position:absolute;top:45px;left:4px}
#barvright {position:absolute;top:45px;left:534px}
#barhbottom {position:absolute;top:532px;left:46px}
#bodyright {margin-left:10px}
#menuball7 {position:absolute;top:7px;left:2px}
#textemenuball7 {position:absolute;top:11px;left:34px;font-size:15px;font-family:Georgia;background-color:transparent}
#fondsousmenu7 {position:absolute;top:36px;left:13px}
#sousmenus7 {position:absolute;top:40px;left:17px;font-size:13px;font-family:Georgia;background-color:transparent;line-height:18px}
#foot {margin-top:25px}
#copyright {position:absolute;top:0px;left:547px;font-size:15px;background-color:transparent}
.title {font-weight:bold;font-size:17px;font-family:Georgia;color:#ea603b}
.text {position:absolute;top:35px;left:35px;width:500px;height:498px;padding:10px;font-size:15px;font-family:Georgia;text-align:justify}
.warning {font-weight:bold;color:red}
.actu {font-weight:bold;color:#ea603b}
-->
Les seules valeurs qui changent entre la feuille de style de base et celle pour IE sont juste deux valeurs de taille : "width" et "height" pour la class ".text" sinon les deux feuilles de styles sont identiques.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
c'est bizzare comme même ça marche bien chez moi avec Mozilla est ce que tu as essayé avec Mozilla ??