Центр div в ie7 и ie8

Question

Я хотел бы просто центрировать div в середине окна. В настоящее время с помощью

.notSupported { 
 
    display: block; 
 
    position: fixed; 
 
    top: 0; 
 
    bottom: 0; 
 
    left: 0; 
 
    right: 0; 
 
    max-width: 500px; 
 
    max-height: 200px; 
 
    margin: auto; 
 
    background-color: #f3f3f3; 
 
    z-index: 1000; 
 
    text-align: center; 
 
}

<div class="notSupported">Your browser is not supported</div>

В ie7 это приводит к DIV появляющейся верхний левый угол и в ie8 центре верхней части.

Answer 1

Блок не работает в IE7.

Вы должны использовать зум: 1 и блокировать как взломать или без взлома с другого css только для ie7.

.notSupported { 
    display: block; 
    *display: block; 
    *zoom:1; 
    position: fixed; 
    top: 0; 
    bottom: 0; 
    left: 0; 
    right: 0; 
    max-width: 500px; 
    max-height: 200px; 
    margin: auto; 
    background-color: #f3f3f3; 
    z-index: 1000; 
    text-align: center; 
    width:200px; 
    height:50px; 
} 

Answer 2

html, body { height: 100%; } 
 

 
#wrapper { 
 
    position: relative; 
 
    width: 100%; 
 
    height: 100%; 
 
    display: table; 
 
} 
 

 
#middle { 
 
    display: table-cell; 
 
    vertical-align: middle; 
 
    text-align: center; 
 
} 
 

 
/* for IE7 and below */ 
 
#middle { 
 
    *position: absolute; 
 
    *top: 50%; 
 
    *width: 100%; 
 
    *text-align: center; 
 
    } 
 

 
#center { 
 
    *position: relative; 
 
    *top: -50%; 
 
}

<div id="wrapper"> 
 
    <div id="middle"> 
 
    <div id="center">Center me !</div> 
 
    </div> 
 
</div>