Internet Explorer no centra la imagen (CSS)

azel42 · #1 (**permalink**) 28/01/2013, 05:05

Hola, hace unos dias aqui en este mismo foro hacia una pregunta sobre como centrar una imagen con CSS. Bien, eso ya pude hacerlo, el problema es que en Internet Explorer este método parece no funcionar porque lo ignora y alli la imagen me aparece alineada a la izquierda como si no hubiera puesto nada.

Pego el codigo a ver si ven que cosa no es compatible.

Código:

<html>
<head><title>WEB</title>
<style>
	p.normal{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
			color:"#000000";
			text-align:left;
			text-indent:15px;}
</style>
</head>
	<body style="padding:0; margin:0; background-image:url('bg.png'); height:100%;">
	<p class="normal">Splashscreen de la Web<a href="/site">Entrar al sitio</a></p>
	<img src="mainimg.png" style="display:block; margin:0 auto; height:100%;">	
	</body>
</html>

Calizman · #2 (**permalink**) 28/01/2013, 07:35

Hola!

¿Que versión de IE es la que no centra la imagen?

De seguro es porque no estás utilizando un Doctype. Intenta agregar un Doctype Válido y nos cuentas que tal te va.

Hasta Luego!