Css calc() comportement dans IE

Question

Mon but est de mettre div intérieur au milieu du récipient.

L'exemple fiddle:

Le principal problème est que div intérieur est décalé vers la droite dans IE (Firefox et Chrome le montre bien) en raison de l'utilisation de la règle css calc(). Si je ne commente pas la largeur constante dans l'exemple ci-dessus width: 156px, cela fonctionne.

Mais ce n'est pas le cas avec calc(). Y at-il un moyen de le réparer pour IE?

P.S. comme je sais que IE8 et inférieur ne supporte pas calc(), je l'essayais dans IE9.

Answer 1

Essayez ce nouveau violon, là où quelques erreurs dans votre CSS. Ici ya go:

http://jsfiddle.net/tuwd3tqg/1/

---

Tout d'abord si, vous utiliseriez position: absolute, et je ne sais pas pourquoi. Deuxièmement, vous en utilisant top et right, pour ceux que vous devez utiliser position: relative. Troisièmement vous en utilisant right, que j'ai changé à margin-right, et les éléments doivent être float: right pour utiliser right.

---

EDIT

Si vous souhaitez un texte aligné au centre ajoutez la propriété suivante à votre emballage text-align: center. Voici un violon mis à jour: http://jsfiddle.net/tuwd3tqg/2/

Answer 2

donner votre classe

.column { 
    text-align: center; 
}