Css calc() поведение в IE

Question

Моя цель - положить внутренний div в середину контейнера.

Пример в fiddle:

Основная проблема заключается в том, что внутренняя DIV сдвигается вправо в IE (Firefox и хром показывает это нормально) из-за использования CSS calc() правило. Если я раскомментирую постоянную ширину в примере выше width: 156px, он работает.

Но это не с calc(). Есть ли способ исправить это для IE?

P.S. как я знаю, IE8 и ниже не поддерживает calc(), я пытался в IE9.

Answer 1

Попробуйте эту новую скрипку, там, где несколько ошибок в вашем CSS. Здесь я пойти:

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

---

Во-первых, хотя, ты где с помощью position: absolute, и я не знаю, почему. Во-вторых, вы, где используете top и right, для них вы должны использовать position: relative. Третий вы, где используете right, который я изменил до margin-right, и предметы должны быть float: right, чтобы использовать right.

---

EDIT

Если вы хотите текст выровненный в центре добавить следующее свойство вашей оболочки text-align: center. Вот обновленная скрипка: http://jsfiddle.net/tuwd3tqg/2/

Answer 2

дать своему классу

.column { 
    text-align: center; 
}