Центрирование абсолютного позиционного div в IE7 - PullRequest
Новая
       15

Центрирование абсолютного позиционного div в IE7

0 голосов
/ 22 ноября 2011

У меня относительно простая компоновка, как видно из упрощенной версии кода ниже: 

<div id="protocol_index_body_wrapper">
    <div id="protocol_index_body">
    </div>
</div>

CSS 

#protocol_index_body_wrapper {
    background: url("/images/stripe.png") repeat scroll 0 0 transparent;
    position: absolute;
    top: 120px;
    left: 0px;
    right: 0px;
    bottom: 10px;
}
#protocol_index_body {
    width: 960px;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

}

enter image description here

Абсолютное позиционирование необходимо, чтобы убедиться, что оба div расширяются на всю высоту окна. Ожидаемое поведение видно на изображении выше и присутствует в IE8, Firefox и Chrome. Тем не менее, в IE7 div, который должен быть центрирован, находится на одном уровне с левой стороной. Есть идеи как это исправить?

1 Ответ

0 голосов
/ 22 ноября 2011

Вы пытались специально назначить автоматическое значение для полей left-right и margin-right?Это приведет к тому, что оба поля будут равны и центрирует div, если ваш div не имеет ширины страницы 100%. 

{
    margin-left: auto;
    margin-right: auto;
}
...