IE - не центр, но почему?

Question

У меня есть мое портфолио, оно отлично смотрится во всех браузерах, но в IE контейнер не центрируется, я использую margin: 0 auto; Но это не работает. Любые предложения о том, как исправить в IE?

Вот ссылка, вы можете увидеть код там: http://christianbovine.com/

Спасибо

EDIT: У меня там был файл IE7 Css, который подталкивал его вправо, как только я удалил части, которые были исправлены. Спасибо всем за советы!

Answer 1

В родительском элементе используйте атрибут «text-align».Например:

body{
    text-align:center;
}

Answer 2

Старые версии IE требуют искусного использования выравнивания текста, например:

<div style="text-align: center;">
    <div style="text-align: left; width: 300px; margin: 0 auto;">
        <p>Content goes here</p>
    </div>
</div>

Ширина добавлена ​​исключительно для справки, а поле - исключительно для кросс-браузерной совместимости.

В вашем случае, я бы порекомендовал добавить второй div "container" (т.е. containerInner), и затем вы можете добавить что-то подобное в CSS:

div#container { text-align: center; }
div#containerInner { text-align: left; }

Answer 3

Попробуйте использовать text-align: center для тега body или обернуть все содержимое внутри тега.

Кроме того, вы можете рассмотреть возможность использования «display: inline-block» (не проверил весь CSS, который вы там использовали). Это позволяет вам задавать свойства ширины и высоты для элементов (если он установлен как встроенный, а не как блок, атрибуты ширины и высоты игнорируются), если это так (при использовании атма Mac невозможно реально проверить IE). *

Надеюсь, это поможет:)