Центр CSS в IE6, 7 и 8

Question

Этот код работает для IE7 и 8, но не для 6. Как я могу заставить его работать на 6. Или есть лучший способ сделать это?

#contentLoading {
width:90px;
height: 90px;
position: fixed;
top: 50%;
left: 50%;
background:url(_img/ajax-loader4.gif) no-repeat center #fff;
text-align:center;
padding:10px;
font:normal 16px Tahoma, Geneva, sans-serif;
border:2px solid #666;
margin-left: -50px;
margin-top: -50px;
z-index:2;
overflow: auto;
}

Answer 1

Знаете ли вы, что IE6 не поддерживает position: fixed;? Он будет представлен как static элемент.

Answer 2

Если вы хотите центрировать div #contentLoading внутри контейнера, вы можете сделать это следующим образом:

#contentLoading {
   width: 500px; /* whatever width you want */
   margin: 0px auto; /* top and bottom margin of zero, left and right are automatically calculated based on the space available in the enclosing container */
}

Answer 3

Я обычно использую что-то вроде:

#contentLoading {
  width: 90px;
  margin-left: auto;
  margin-right: auto;
}

Answer 4

Для Ie6 вам нужно выровнять текст: отцентрируйте тело в вашем CSS, а затем добавьте в основной тег div обтекание с помощью text-align: left, чтобы выровнять текст слева.

Вот пример.

body{
    text-align: center; /*This alligns all content to the center for IE6*/
}

#mainWrapper{
    width: 900px;
    margin: 0 auto;
    text-align: left; /*This re aligns all content within this id to the left*/
}