Centrar

veztihal · #1 (**permalink**) 27/06/2007, 22:11

Quisiera saber si hay alguna opcion en css para centrar el body de una web

bueno eso

saludos

jhnotario · #2 (**permalink**) 28/06/2007, 07:30

Por ejemplo:

Código:

<div style="width:800px; height:500px; margin: 0 auto 0 auto">
 Prueba
</div>

Te centraría una capa de 800px de ancho. Luego dentro de esa capa puedes poner todo el contenido que quieras.

hq1 · #3 (**permalink**) 28/06/2007, 09:30

El body es todo, lo más habitual es que veas 2 cosas en el CSS:

Código:

body { text-align: center ; }
#content { margin: auto ; }

Esto da lugar al siguiente html:

Código:

<body>
  <div id="content">
Todo el contenido de la web
  </div>
</body>

Lo de centrar el texto dentro de "body" es por compatibilidad con navegadores antiguos.

Carxl · #4 (**permalink**) 28/06/2007, 11:31

Hola a todos!

Complementando un poco...

Para centrar siempre un div, colócale el atributo "margin:auto".

Ten en cuenta otra cosa, dicho atributo puede ser así también, igual te va a funcionar: "margin:10px auto 20px". Qué se está diciendo acá??, que genera para ese div una margen superior de 10px, que para el lado izquiero y derecho lo coloque automático, osea automático para ese atributo es "centrar respecto al body", y que en lado inferior genere una margen de 20px.

Con esto te quiero dar a entender que puedes centrar cualquier div colocándole otras medidas a arriba y abajo y no necesariamente dejarlo sólo: "margin: auto".

Saliudo y espero me hayas entendido!