¿ Como centro una capa ?

Raymon · #1 (**permalink**) 05/07/2006, 15:48

Buenas,

Me gustaría saber como centrar una capa en el medio mismo de la página.
Hay que usar margin o hay un comando que la centra ?

Gracias desde ya,
Raymon

kazafun · #2 (**permalink**) 05/07/2006, 16:03

margin: 0px auto;

B** · #3 (**permalink**) 05/07/2006, 16:03

Te refieres a:

Código HTML:

<div align="center">
Tu contenido estara centrado
</div>

??
Saludos..

SiR.CARAJ0DIDA · #4 (**permalink**) 05/07/2006, 16:37

para hacerlo bien y no al estilo Moco$oft se usa "margin: 0px auto;", si te preguntas porque no te funciona en IE, necesitas este dtd al principio de la pagina:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Raymon · #5 (**permalink**) 05/07/2006, 17:55

No me funca.

No se si no me entendieron o si estoy haciendo algo mal.

Yo me refería a centrar el contenedor como en shehatesska ,com

all-ill · #6 (**permalink**) 07/07/2006, 07:44

Debe funcionar tal y como te han dicho, a no ser que no entendamos bien lo que necesitas.

Código HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<style>
div#centrame-horizontalmente {background:#ccc; width:780px; margin:0 auto;}
</style>
</head>

<body>
<div id="centrame-horizontalmente">
¿estoy o no centrada horizontalmente? debería estar centrada la capa, el texto si se quiere
</div>
</body>
</html>

stock · #7 (**permalink**) 07/07/2006, 08:26

mira, a ese codigo le falta algo importante para ser centrado! checa esto:

Código:

body {
	text-align:center;
}
	
#centrame-horizontalmente {
	width:780px;
	margin:0px auto;
	text-align:left;
	background-color:#ccc;
}

Si te das cuenta, en el body, he centrado el contenido, ahora, en el div contenedor "centrame-horizontalmente", le e dicho que el margen sea automatico, pero antes le he asignado el ancho de la capa, entonces, ya la capa estaba centrada, al ponerle margen "auto", esta listo!!, al final el contenido de la capa lo alinea a la izquierda otra vez(esto ultimo es opcional).

recuerda, son 2 cosas importantes aqui, la propiedad del body que le agrege, y el margen de la capa.

bueno, ahora si, te debe funcionar

have funnnnnnn!!