Discussion :

[keybon]

Bonjour,

Mon site fonctionne désormais très bien, mais lorsque je l'ouvre avec internet explorer, le menu s'affiche en haut de ma bannière (c'est parce que le texte du menu est trop grand, il suffit donc que je lui donne une font-size plus petite)

Donc j'ai crée un hack ie comme ceci dans mon header.php (cette ligne est placée après la définition de ma feuille de style générale) :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<!--[if IE]>
          <link rel="stylesheet" type="text/css" href="styles/ie.css" />
<![endif]-->

et cette page ie.css contient :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
*+html body .wrap header nav ul li a {
    font-size: 1.2em;
}

Ceci est censé fonctionner pour IE7 a ce que j'ai compris, mais ça ne fonctionne pas.. j'ai essaye beaucoup d'autre, pour chacune des versions, etc. mais rien ne fonctionne.. auriez-vous une idée? et aussi, j'aimerai savoir si c'est possible d’écrire le css une fois pour que ça soit général a toutes les versions de IE ?

[NoSmoking]

Bonjour,
et à quoi te sert *+html body, à être pris en compte par IE, il n'y aura que lui qui lira le HACK non???

Pourquoi ne pas traiter le problème à la base

[GxiGlon]

Comme le dit NoSmoking, la CSS incluse à l'intérieur de ton commentaire conditionnel (<!--[if IE]>) ne sera interprété que par Internet Explorer. Inutile donc de rajouter un second hack *+html body en plus dans ton sélecteur.

Cela dit, appliquer une feuille de style à toutes les versions d'IE n'est pas une bonne idée et n'est pas cohérent à mon sens, les problématiques des différentes versions de ce navigateurs étant totalement différentes.

Dans ton cas, si tu veux modifier la taille de la police uniquement pour IE7-, tu peux utiliser le hack suivant dans ta feuille de style initiale (pas ie.css donc) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
.wrap header nav ul li a {
    font-size: 1.3em;   // Tous les navigateurs sauf IE7-
    *font-size: 1.2em; // Juste IE7-
}

Ou alors que pour IE 6 :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
.wrap header nav ul li a {
    font-size: 1.3em;   // Tous les navigateurs sauf IE6
    _font-size: 1.2em; // Juste IE6
}

Enfin, que tu ais des soucis de police sous IE7 par rapport à FF ou Chrome par exemple. Cela arrive par contre sous IE9 (et IE10 il me semble également) où le moteur de rendu des polices a évolué.