Блог

Главная - Вопросы по программированию - Как сделать div расположенным централизованно, используя margin: 0 auto?

Как сделать div расположенным централизованно, используя margin: 0 auto?

#css

#css

Вопрос:

Я пытаюсь разместить 2 div на моей странице в центральном месте в http://s361608839.websitehome.co.uk/pt-build/templatebuild / с #pricing и #bmicalculator в частности.

В CSS для #pricing он устанавливается следующим образом:

 #pricing {
    width: 850px;
    margin: 0 auto;
    border-bottom: 1px solid #ededed;
    font-family: 'Maven Pro', sans-serif;
    font-size: 13px;
    color: #4a4a4a;
    padding: 120px 350px 30px 0;
    height: 300px;
}

Как вы можете видеть, в одной из строк есть margin: 0 auto;, и я ожидал, что это расположит div в середине экрана, а не слева, как показано в данный момент.

Любая помощь приветствуется … спасибо!

Ответ №1:

У вас есть массивное правое заполнение padding: 120px 350px 30px 0; , которое создает впечатление, что оно сдвигается влево.

Если он все еще перемещается влево, когда вы избавляетесь от этого, вы, вероятно, просматриваете его в более ранней версии IE, и вам нужно добавить text-align: center; его в свое тело.