Comment centrer un élément "position: absolute" dans IE 9,10,11

Comment faire pour centrer une “position: absolute” élément dans IE 9, 10, 11, mon exemple ne fonctionne pas dans Internet Explorer. Aussi cette "position: absolute; left:50%; margin-left:-20px;" ,manière ne me convient pas, que la mise en page est sensible.

.box{
    position: absolute;
    top: 150px;
    right: 0;   
    left: 0;
    margin: auto;       
}

<body>
<div class="container">
<div class="box">
</div>
</div>
</body>

source d'informationauteur user3351236

  1. 21
    <body>
<div class="container">
<div class="box">
</div>
</div>
</body>

    CSS

    .box{
    position: absolute;
    top:0;
    right: 0;   
    left: 0;
    bottom:0;   //specify all including bottom:0
    margin: auto;
    height:200px;
    width:200px;       
}

    DÉMO

  2. 3

    Juste lui donner une largeur fixe et la hauteur et retirez top:150px

  3. 2

    Il fonctionne très bien ici Jsfiddle

    .box{
position: absolute;
top: 150px;
right: 0;   
left: 0;
margin: auto;   
border: 2px solid red;    
width: 50px;
height: 50px;
}
  4. 1

    J'ai juste eu du mal avec moi-même, et la clé pour moi a été de changer les max-width propriété d'être un width de la propriété. L'ajout d'un max-width n'est pas le casser, mais il s'appuie sur le width propriété dans IE, apparemment, où dans Firefox, il a travaillé avec juste le max-width ensemble.

    J'espère que cela aide quelqu'un d'autre!

  5. 0

    Vous ne devriez pas avoir à définir un fond de propriété (même dans IE), pour le centre de cet élément à l'horizontale.

    Toutefois, si vous voulais à la verticale du centre de l'élément, vous devez le bas de la propriété en conjonction avec une auto de la marge pour le haut et le bas.

    Si votre élément ne centrer horizontalement avec "bas" à 0, alors il y a quelque chose de contradictoire dans votre code, vous forçant à utiliser cette propriété. J'ai vu cela avant de s'Amorce l'Écosystème de ne pas appliquer le bon hiérarchie de conteneur --> ligne et ainsi de suite.