[CSS] centrare tramite margin:auto su IE 9

biowep · 24-11-2011, 20:35

Ciao
perché su Internet Explorer 9
questo

Codice HTML:

<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, 22:39

Codice HTML:

<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 · 25-11-2011, 00:26

Quote:

Originariamente inviato da biowep

Ciao
perché su Internet Explorer 9
questo

Codice HTML:

<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, 07:28

Quote:

Originariamente inviato da daxdaxdax

Codice HTML:

<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, 18: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, 22:57

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

24-11-2011, 20:35	#1
biowep Member Iscritto dal: Nov 2010 Messaggi: 211	[CSS] centrare tramite margin:auto su IE 9 Ciao perché su Internet Explorer 9 questo Codice HTML: <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

24-11-2011, 22:39	#2
daxdaxdax Member Iscritto dal: Aug 2009 Messaggi: 168	Codice HTML: <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. __________________ D@x

25-11-2011, 18:56	#5
biowep Member Iscritto dal: Nov 2010 Messaggi: 211	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)

25-11-2011, 22:57	#6
Kenger Member Iscritto dal: Aug 2005 Messaggi: 168	Immagino che senza il doctype ie9 entri in quirks mode e fa un po come cazzo gli pare. Sennò boh, mistero

Strumenti
Mostra una versione stampabile Invia questa pagina per email