Центрирование контента

Question

Может кто-нибудь сказать мне, что мне нужно сделать, чтобы следующая страница правильно центрировала содержимое?

Я пытался поработать с чем-то еще, что я использовал ранее днем ​​отсюда:

#divWrapper {margin:0 auto; text-align:center;} 
#div {text-align:left;}

Но это не работает для меня. Одна из страниц, с которыми мне нужна помощь, находится здесь: УДАЛЕНО

Спасибо за любую помощь, я просто пытаюсь исправить это, прежде чем отправиться спать: \

Answer 1

#main-inner {
    position: relative;
    width: 960px;
    border-top: 3px solid #DADADA;
    margin: 20px auto 0;
    overflow:auto;
    zoom:1;
}

попробуйте это.заменить существующее этим.он должен центрировать контент.

Answer 2

Нужна ширина! работать правильно.

Answer 3

Возможно, вам также потребуется указать text-align: center; если вы хотите, чтобы фактическое содержимое div центрировалось.

Answer 4

Вы можете центрировать элементы только с margin:0 auto, когда вы предоставляете фиксированную ширину, с которой поля могут автоматически позиционироваться. Так что добавьте исправленный к вашей обертке, и он должен работать.

Answer 5

Дайте вашему #divWrapper ширину.По умолчанию ширина будет расширяться до содержащего элемента, поэтому, чтобы создать видимость его центрирования, его ширина должна быть меньше, чем у содержащего его элемента.

Answer 6

Попробуйте это #divWrapper {margin:0 auto; text-align:center;width:960px}

#div {text-align:left;width:500px}

Edit: В вашем CSS есть ошибки ввода. Проверьте этот обновленный CSS для margin-inner & margin-inner-right. Это исправит вашу проблему

#main-inner {
        float:left;
        position:relative;
        width:100%;
        border-top:3px solid #dadada;
        margin-top:20px;
        margin-right:auto;
        margin-left:auto;
}


#main-inner-right {

        position:relative;
        width:640px;
        text-align:left;
        margin-top:20px;
        margin-right:auto;
        margin-left:auto;
}