Выравнивание по горизонтали не работает в Firefox и IE

Question

Мой сайт, кажется, прекрасно работает в Google Chrome, но при просмотре в Firefox или IE, выравнивание его совершенно неловко.Может кто-нибудь, пожалуйста, помогите мне разобраться в этом вопросе.Заранее спасибо.

Ссылка на сайт:

Проблема с Firefox / IE заключается в том, что 3 поля не выровнены посередине.где, как в Chrome, он выровнен по центру, что именно то, что я хочу.

С уважением

Answer 1

ваш контент-блок встроен в блок;и плавает влево.

сделайте его блокированным display:block, выровняйте по центру margin:0 auto; и удалите поплавок.Я думаю, что это должно помочь.

и то же самое для других ящиков

Answer 2

если вы уменьшите правило #frontcontent-container в style.css до следующего:

#frontcontent-container {
    margin: 0 auto;
    width: 960px;    
}

это должно сработать. проблема в том, что вы перемещаетесь влево и отображаются как inline-block. Кроме того, кажется, вы включаете таблицу стилей дважды.

Да, и, похоже, у вас есть некоторые проблемы с вашей разметкой - div-обертка на самом деле практически не переносится, поэтому я предполагаю, что вы где-то пропускаете закрывающий тег!

Answer 3

У вас есть случай неправильного вложения открывающих / закрывающих элементов.

Вы должны закомментировать </div> после

<!-- .. END OF THE CONTENT .. -->

комментарий.

Когда в вашем HTML возникают проблемы, каждый браузер пытается исправить это, но нестандартным способом.