CSS горизонтальное центрирование и минимальная высота не работают в IE

Question

<div id="wrapper">
    <div id="content" style="background-color: white;">
        ...   
    </div>    
</div>

#content{
  float: left;
  width: 540px;
  padding: 30px 30px 0px 30px;
  background-color:#19252f;
  text-align: left;
  min-height: 500px;
}
#wrapper {
   margin: 0 auto;
   width: 800px;
}

Внешний вид Firefox

Внешний вид Internet Explorer 8

Answer 1

1. margin: автоматическое горизонтальное центрирование не поддерживается в IE6. Вместо этого вы можете либо использовать абсолютное позиционирование по центру, либо вы можете сделать

   корпус { выравнивания текста: центр; }

2. Для минимальной высоты IE необходимо добавить взломанное свойство _height: 300px в дополнение к min-height: 300px; Все браузеры, кроме IE, будут игнорировать взломанное свойство, и, поскольку IE эффективно обрабатывает высоту как минимальную высоту, вы получите желаемый эффект во всех браузерах.

3. background-color работает в IE без проблем.