problema con alineación de un <div>

jfiona · #1 (**permalink**) 19/05/2011, 16:58

Esta es la web

http://www.anabelfansclub.com/dudas/web.htm

este es el codigo del archivo .css

BODY {
TEXT-ALIGN: center; BACKGROUND-COLOR: #05497c; FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif; COLOR: #FFFFFF; FONT-SIZE: 12px;
}

#cabecera {
WIDTH: 500px; HEIGHT: 162px; BACKGROUND-COLOR: #000000;
}

#cuerpo {
WIDTH: 900px; HEIGHT: 1000px; BACKGROUND-COLOR: #333333;
}

y este el codigo del htm

<LINK rel=stylesheet type=text/css href="estilos.css">

</head>

<body>

<div id="cabecera">
</div>

hola a todos

<div id="cuerpo">
</div>

</body>

Me gustaria saber porque los elementos no salen en el medio, si el body tiene alineacion central?

cristian_cena · #2 (**permalink**) 19/05/2011, 18:38

porque estas alineando el texto del body y no sus elementos anidados (hijos).

prueba con #cabecera{margin: 0 auto;}

aplica esto a todo lo que quires que se centre.

Tip. Crea un contenedor, centralo y luego metes todo ahi dentro.

Saludos.

jfiona · #3 (**permalink**) 19/05/2011, 18:59

Cita:

Iniciado por cristian_cena

porque estas alineando el texto del body y no sus elementos anidados (hijos).

prueba con #cabecera{margin: 0 auto;}

aplica esto a todo lo que quires que se centre.

Tip. Crea un contenedor, centralo y luego metes todo ahi dentro.

Saludos.

ya está MUCHIIIIISIMAS GRACIAS!!!!

cristian_cena · #4 (**permalink**) 19/05/2011, 21:51

de nada amigo