text-align en firefox

[Flashera]

tengo una hoja de estilo con el siguiente codigo:
body {
text-align : center;
}
en IE me funciona bien (centra el contenido) en firefox queda en left
¿que es lo que pasa?

[KnowDemon]

Hola,

Estas intentando centrar un elemento en bloque con una regla de estilo que solo aplica a elementos en línea. Firefox sigue la especificación correcta, pero IE no lo hace, de forma que centra el elemento en bloque.

Para centrar un elemento en bloque es mejor que apliques la siguiente regla de estilo (al elemento que deseas centrar):

margin: auto;

Si no usas un DOCTYPE estricto entonces utiliza:

margin-left: auto;
margin-right: auto;

De esa forma funcionara en IE

[Remo:Erdosain]

En realidad si no usa un "doctype estricto" tendría que seguir usando text-align:center. Si agrega un DTD de HTML4.1, hay que centrar con margin:auto.

[manguiti]

y si quieres centrar la imagen horizontalmente pero quieres que tenga un margen superior de 50px por ejemplo?como sería??


#BloqueTitulo{

background-image:url(../imagenes/titulo.png);
width:770px;
height:91px;
margin-top:50px;
margin:auto;
}

así no me va...

[Mikmoro]

Iniciado por Flashera

tengo una hoja de estilo con el siguiente codigo:
body {
text-align : center;
}

Si lo has copiado tal cual tienes un error, un espacio entre align y los dos puntos.

[Triby]

Para que funcionen los márgenes es mejor especificarlos todos en una sóla sentencia y el orden es como el de las manecillas del reloj, arriba, derecha, abajo, izquierda:

Código HTML:

#BloqueTitulo{
	background-image:url(../imagenes/titulo.png);
	width:770px;
	height:91px;
	margin:50px auto 0px auto;
}