CSS/Problème avec feuille de style

Résolu/Fermé
alexou1984 Messages postés 375 Date d'inscription mardi 13 mai 2008 Statut Membre Dernière intervention 15 février 2010 - 23 déc. 2008 à 23:05
shinigamiii Messages postés 25 Date d'inscription jeudi 18 décembre 2008 Statut Membre Dernière intervention 15 septembre 2009 - 24 déc. 2008 à 16:19
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 ?
A voir également:

9 réponses

shinigamiii Messages postés 25 Date d'inscription jeudi 18 décembre 2008 Statut Membre Dernière intervention 15 septembre 2009
23 déc. 2008 à 23:57
enlèves la condition et tèstes ça avec Mozilla Firefox et fais moi savoir ça donnera quoi :)
0
alexou1984 Messages postés 375 Date d'inscription mardi 13 mai 2008 Statut Membre Dernière intervention 15 février 2010 35
24 déc. 2008 à 00:09
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 ???
0
shinigamiii Messages postés 25 Date d'inscription jeudi 18 décembre 2008 Statut Membre Dernière intervention 15 septembre 2009
24 déc. 2008 à 00:18
envoies moi le contenu du style.css stp
0
alexou1984 Messages postés 375 Date d'inscription mardi 13 mai 2008 Statut Membre Dernière intervention 15 février 2010 35
24 déc. 2008 à 00:43
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.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
shinigamiii Messages postés 25 Date d'inscription jeudi 18 décembre 2008 Statut Membre Dernière intervention 15 septembre 2009
24 déc. 2008 à 01:03
c'est bizzare comme même ça marche bien chez moi avec Mozilla est ce que tu as essayé avec Mozilla ??
0
alexou1984 Messages postés 375 Date d'inscription mardi 13 mai 2008 Statut Membre Dernière intervention 15 février 2010 35
24 déc. 2008 à 01:09
Il me fait la même chose sous FireFox, dès que je change le nom de la feuille de style.
0
shinigamiii Messages postés 25 Date d'inscription jeudi 18 décembre 2008 Statut Membre Dernière intervention 15 septembre 2009
24 déc. 2008 à 02:03
changer le nom du feuille de style sans le changer sur le code de la page desrinataire !!!!?
0
alexou1984 Messages postés 375 Date d'inscription mardi 13 mai 2008 Statut Membre Dernière intervention 15 février 2010 35
24 déc. 2008 à 02:11
Là il faut que tu t'imagines... JE SUIS EN TRAIN DE ME DONNER DE GROSSES BAFFES.
Quel idiot je suis, j'ai changé le nom de la feuille uniquement sur l'index et pas sur toutes les autres pages ^^'
En tous cas merci beaucoup pour ta patience.
0
shinigamiii Messages postés 25 Date d'inscription jeudi 18 décembre 2008 Statut Membre Dernière intervention 15 septembre 2009
24 déc. 2008 à 16:19
ce n'est rien :d

ça arrive parfois à moi aussi :p
0