Bonjour,

Quelqu'un pourrait m'expliquer pourquoi ce code ne fonctionne pas svp?


        <!--[if lt IE 7]>
        <style type="text/css">
            .admin .left
            {
                margin-left:10px;
            }
        </style>

        <![endif]-->


Par contre, si au lieu de mettre margin-left:10px, je mets color:blue; là ça fonctionne ...

Merci a+
Modifié par Kiboumz (19 Feb 2008 - 17:35)
Salut,

En fait, le problème est que si je mets directement "margin-left:10px" dans ma feuille de style ça fonctionne, mais si je veux le mettre de manière conditionnelle, là ça ne fonctionne pas ...


.admin .left
{
    border:1px solid #CCCCCC;
    float:left;
    height:105px;
    margin-left:25px;
    margin-bottom:10px;
    padding:5px;
    width:220px;
}


En fait, sous IE7 et FireFox, je voudrais un margin-left de 25px et sous IE6, un margin-left de 15px;

Merci
a+
C'est un problème de spécificité des sélecteurs et d'ordre de tes déclarations.
Résolution bête et rapide, donner plus de poids à ton sélecteur dans les styles conditionnels:
body .admin .left {margin-left:10px;}