CSS: IE 9 hack pour la marge gauche? \9; n'a aucun effet

J'ai un élément qui a actuellement margin-left: -110px bien sûr, cela fonctionne avec mon design dans tous les navigateurs sauf IE. Avec IE j'ai besoin de faire margin-left: 10px

Normalement, je ferais de mon IE hacks en ajoutant \9;, tels que:

margin-left: 10px;

mais il ne semble pas fonctionner avec des marges de. Est-ce quelqu'un connais un moyen de réaliser cela? Merci beaucoup!

<div id="nav">
  <ul>
    <li id="newstab">News</li>
    <li id="offerstab">Offers</li>
    <li id="specialsstab">Specials</li>
  </ul>
</div>

#nav {
    position:absolute;
    margin-left: -110px;
margin-left: 10px;
    margin-top: 160px;
    writing-mode:tb-rl;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -o-transform: rotate(90deg);
    white-space:nowrap;
}
Je serais prêt à parier que vous avez besoin de différentes CSS pour IE9 parce que votre balise n'est pas valide/cassé. IE9 ne devrait généralement pas besoin de bidouilles de ce genre.
Par la façon dont il fonctionne très bien pour moi: jsfiddle.net/teLRA Avez-vous redeclare margin-left après le hack?
oui techically vous avez raison. Ma marge de gauche est actualyy -100px; IE
Veuillez poster le HTML et le CSS qui ne fonctionne pas.
ajouté au-dessus de

OriginalL'auteur MeltingDog | 2013-03-05

  1. 1

    Si vous en avez vraiment besoin, vous pouvez utiliser un IE bloc conditionnel:

    <link href="style.css" rel="stylesheet" />

<!--[if lt IE 10]>
    <style type="text/css">
        .thing {
            margin-left: 10px;
        }
    </style>
<![endif]-->
    Beurk mais, non?
    hmm, pas de chance! Son étrange...Si je vais dans IE, outils de développement et de trouver l'élément et modifier le css, il fonctionne. De son tout en ignorant les hacks sur la feuille de style
    À partir de ce que vous avez dit, il ne sonne pas comme vous avez réellement essayé cette réponse (bien que, certes, ce n'est pas une réponse directe). Soit ça, ou vous n'êtes pas sûr de l'effet que vous attendez de la voir.
    oui je l'ai fait essayer la réponse, et expérimenté avec plusieurs versions. Vous êtes censé aurait écrit sur l'en-tête de l'HTML, doc, non?

    OriginalL'auteur Blender

  2. 1

    Trouvé que c'était

     writing-mode:tb-rl;

    IE na pas comme.

    Ce site a été utile:

    http://www.useragentman.com/IETransformsTranslator/

    OriginalL'auteur MeltingDog

  3. 1
    .class {
     text-align:right;

     @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

     margin-left: 30px

     }
     margin-left: 90px;
 }

    Vous pouvez écrire le css spécifique pour IE, puis écraser les autres css pour les autres navigateur.

    OriginalL'auteur sian chen

  4. 0

    Vous pouvez utiliser comme cette

    <!--[if lte IE 7]> <html class="ie7"> <![endif]-->  
<!--[if IE 8]>     <html class="ie8"> <![endif]-->  
<!--[if IE 9]>     <html class="ie9"> <![endif]-->  
<!--[if !IE]><!--> <html>             <!--<![endif]-->

    Puis dans votre CSS, vous ne ciblez IE7, IE8 ou IE9 comme ceci:

       .element {  
        margin-left: 20px;  
    }  

    .ie7 .element {  
        margin-left: 10px;  
    }  

    .ie8 .element {  
        margin-left: 15px;  
    }  
    .ie9 .element {  
        margin-left: 10px;  
    }

    Maintenant, chaque navigateur aura une marge de gauche de 20px sur l'élément en question, mais IE7, IE8 et IE0 aura une marge de gauche de 10px, 15px et 10px respectivement.

    Le \9 hack fonctionne déjà bien, et c'est le thème de la question.

    OriginalL'auteur Sahil Popli

  5. 0

    Pourquoi êtes-vous en utilisant la marge de gauche, lorsque vous êtes également à l'aide de position:absolute?
    Vous n'aurez pas gain de l'effet désiré d'une marge lors de l'utilisation de la position absolue (mais ce n'est pas le réelle question ici).

    Lors de l'utilisation de la position absolue, vous devez toujours définir les éléments par défaut de point de référence composé d'au moins un haut/bas et gauche/droite de la position dans votre cas, top:0; left:110px; (c'est en supposant que l'absolu élément est positionné à l'intérieur d'un position:relative; conteneur parent).

    Vous permettant de navigateurs à assumer ce que vous souhaitez afficher, plutôt que de définir et de raconter les navigateurs que vous souhaitez afficher - Vous devriez le faire sans échouer sur tout ce que vous créez dans le CSS.

    Dans pas strictement à la définition de l'endroit où vous souhaitez qu'un élément de s'asseoir à l'aide de positionnement absolu, vous êtes d'avoir des ennuis dans IE (surtout lt IE9).

    OriginalL'auteur seemly