[CSS] centrare tramite margin:auto su IE 9

[biowep]

Ciao
perché su Internet Explorer 9
questo

<html>
<head>
</head>
<body style="background-color:black">;
<div style="width: 500px; margin: auto; background-color:white">test</div>
</body>
</html>

non funziona come dovrebbe, ovvero centrando l'elemento con sfondo bianco

[daxdaxdax]

<html>
<head>
</head>
<body style="background-color:#000000;">
<div style="position: relative; width: 500px; left: 50%; margin-left:-250px;  background-color: #FFFFFF;">test</div>
</body>
</html>

Provato con FF, Ie7 e chrome.

[webking]

Originariamente inviato da biowep

Ciao
perché su Internet Explorer 9
questo

<html>
<head>
</head>
<body style="background-color:black">;
<div style="width: 500px; margin: auto; background-color:white">test</div>
</body>
</html>

non funziona come dovrebbe, ovvero centrando l'elemento con sfondo bianco

Provato con due semplici proprietà, aggiungile nello stile del div
"vertical-align:middle; align:center;"

[biowep]

Originariamente inviato da daxdaxdax

<html>
<head>
</head>
<body style="background-color:#000000;">
<div style="position: relative; width: 500px; left: 50%; margin-left:-250px;  background-color: #FFFFFF;">test</div>
</body>
</html>

Provato con FF, Ie7 e chrome.

ma infatti con ie7 ed ie8 funzionava, perché sull'ultima versione non va?

[biowep]

Ho scoperto che quella proprietà funziona solo scrivendo il doctype come prima linea di codice, se non viene esplicitato o se ci sono altri caratteri prima non funziona

strano, non so cosa centri il tipo di documento con la formattazione css
e la cosa ancora più strana è che altre proprietà funzionano (non le ho provate tutte)

[Kenger]

Immagino che senza il doctype ie9 entri in quirks mode e fa un po come cazzo gli pare. Sennò boh, mistero