[CSS] centrare tramite margin:auto su IE 9 [Archivio]

biowep

24-11-2011, 19:35

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

24-11-2011, 21:39

<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

24-11-2011, 23:26

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

25-11-2011, 06:28

<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

25-11-2011, 17:56

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

25-11-2011, 21:57

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