Centrar div con text-align: center

[rossijona]

Muchachos no se porque no me esta centrando los divs el text-align: center que e puesto en el body.

Los div me aparecen a la izquierda, este es el cod css a ver si alguien se da cuenta (no quiero usar margin: auto)

Código HTML:

*
{
	margin: 0px;
	padding: 0px;
}
body
{
	font-family: arial;
	font-size: 12px;
	background-image: url(../images/body_bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #000;
	text-align: center;
}
#head
{
	width: 1024px;
	border-bottom: dotted 1px #ccc;
	height: 150px;
}

Desde ya muchas gracias

[asinox]

Pues si quieres el div en el centro entonces margin: 0 auto; y aplicale el text-align:center a div no al body

[ArturoGallegos]

como su nombre lo dice el text-align es para alinear el texto no los div, si deseas centrarlos deberás utilizar margin auto

por otro lado podríamos saber porque no quieres usar margin:auto?

[rossijona]

Ya e probado con text-align en el body e incluso en los divs individualmente (de todas maneras se hereda, en definitiva es lo mismo.).

La otra respuesta es que margin: auto no funciona en IE (, no me sorprende).

Ahora este metódo lo e usado miles de veces solo que este caso no me funciona y no tengo idea de porque..

Bue cualquier sugerencia, gracias!.

Ah, y text-align no solo centra texto, haz la prueba con una etiqueta IMG.

Beso!.

[ArturoGallegos]

jaja creo que fui demasiado especifico al decir textos debí decir elementos de linea.

y como esta eso que el margin:auto no te funciona en IE esto funciona desde la versión 6

estas usando un doctype valido?

otra opción, que preferiría no implementar seria por ejemplo

Código CSS:

html,body{margin:0;padding:0;}
#Site{width:1024px;position:absolute;left:50%;margin-left:-512px;}
 

pero sigo e insisto margin auto es tu solución y si no te funciona podrías mostrarnos tu sitio para revisar mas a fondo todo el código

Edito: ya que yo mismo lo acabo de decir, text-aling es para los elementos en linea tu solucion esta en convertir tu div en un elemento de linea... coloca tu div -> display: inline-block;
y para que el text-align no se herede mas especificalo tambien en tu div contenedor

Código CSS:

#head
{display: inline-block; text-align:left;
    width: 1024px;
    border-bottom: dotted 1px #ccc;
    height: 150px;
}
 

[rossijona]

Al fin descubrí el estúpido error!.

El tema es así, para centrar todo el contenido de un sitio (en todos los navegadores y con un cod limpio.) simplemente usar:

en body
text-align: center;

(esto hará que en I.E TODO se centre pero en el resto no solo el texto.)

Ahora si, para solucionar el resto de los navegadores es simple como usar margin: auto; en los divs que quieres centrar.

Por otro lado no olvidar pisar el text-align: center; del body por el text-align: left;

Un beso para todos, esto quedo más que solucionado!.

[jomaruro]

Hola:

Iniciado por rossijona

El tema es así, para centrar todo el contenido de un sitio (en todos los navegadores y con un cod limpio.) simplemente usar:

en body
text-align: center;

No veo esto muy correcto, el text-align es para centrar texto.

Saludos.

[kseso?]

¿Hemos regresado al año 2004/05 y nadie nos ha avisado?
Sólo hay una situación y un navegador en el que no funciona el /margin: 0 auto/ para centrar un elemento de bloque y alguien descubrió y preconizó (hace ya 6 ó 7 años) que era mejor hacer virguerías con text-align que corregir el error:
Solamente la ausencia de doctype en ie6 evita que funcione correctamente el /margin:0 auto/

Y a partir de ahí, que cada cual opte por lo que quiera. O por mantener el error de no declarar doctype y andar alineando primero al centro y después a la izquierda o hacerlo bien y poner como primera línea la declaración del tipo de documento.

[rossijona]

Iniciado por kseso?

¿Hemos regresado al año 2004/05 y nadie nos ha avisado?
Sólo hay una situación y un navegador en el que no funciona el /margin: 0 auto/ para centrar un elemento de bloque y alguien descubrió y preconizó (hace ya 6 ó 7 años) que era mejor hacer virguerías con text-align que corregir el error:
Solamente la ausencia de doctype en ie6 evita que funcione correctamente el /margin:0 auto/

Y a partir de ahí, que cada cual opte por lo que quiera. O por mantener el error de no declarar doctype y andar alineando primero al centro y después a la izquierda o hacerlo bien y poner como primera línea la declaración del tipo de documento.

De hecho tengo declarado el doctype HTML Transitional 1.0, (se que es algo viejo), cual me recomendas para evitar este tipo de problemas en IE?.

Perdon, edito es XHTML..

[ArturoGallegos]

xhtml me ha funcionado a mi en la mayoría de los caso ?¿ si margin:0 auto; no te funciona es por que seguramente se contrapone con alguna otra regla css que este afectando al elemento, o algún error en tu html

coloca o revisa que tengas el doctype así

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 

[rossijona]

Iniciado por Ag666

xhtml me ha funcionado a mi en la mayoría de los caso ?¿ si margin:0 auto; no te funciona es por que seguramente se contrapone con alguna otra regla css que este afectando al elemento, o algún error en tu html

coloca o revisa que tengas el doctype así

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 

Sip, esta perfercto, que raro, incluso no es la primera ves que me pasa, ya automáticamente utilizo text-align (de igual forma es facíl y da buenos resultados.)

saludos

[ArturoGallegos]

pues eso de centrar el sitio utilizando text-align en lo personal lo veo como una mala practica y sumando a esto lo fácil no siempre es lo mejor a la larga.

como dijo el Sr. Kseso?

¿Hemos regresado al año 2004/05 y nadie nos ha avisado?

pero bueno si usted considera que es su mejor opción y le sirve nadie se lo impide,

suerte en todo.

[rossijona]

Muchas gracias! igualmente.