MEJOR EXPLICADO :
•
CENTRAR CONTENIDO CON CSS
<div id="contenedor">
Crearemos un div con el id contenedor alrededor de todo el contenido de la página. Recuerde que puede cambiar el id por cualquier otro nombre que ústed desee, o le parezca conveniente.
Para crearlo, dentro de las etiquetas <body> y </body> escribimos el código del Div con su respectivo ID:
<div id="contenedor">
Contenido de la página irá aquí (sea tabla , capa, texto o lo que sea )
</div>
CSS
Para que el #contenedor centre el contenido utilizaremos CSS.
Utilizaremos márgenes automáticos para centrar el div, y recuerde que éste debe tener un tamaño, ya sea en pixeles, em o porcentajes. (En este ejemplo fueron 760 px de ancho, el tamaño aconsejable para que sea vea bien en 800 x 600). Entonces, crear el Style (bien sea en el mismo archivo o en una pagina Css por aparte) y colocar las propiedades del Div llamado contenedor:
#contenedor { margin:0 auto 0 auto; width:760px; }
Éste código deberá funcionar en los browsers actuales que sigan las recomendaciones estándar de la W3C. Pero, IE 6 y anteriores, no reconoce éste código, por lo que tendremos que recurrir a un hack, utilizaremos text-align:center; para ésto. Éste error será corregido en el IE7.
Siguiendo dentro de los estilos, pegamos el siguiente código debajo del que describía los parámetros de nuestro Div:
body { text-align:center; }
Por inercia, todo código de estilo CSS que se utilice en el XHTML, el contenido hijo hereda éstos estilos. En otras palabras, tódo el contenido será centrado, por lo que volveremos a utilizar text-align, pero ésta ves centrando todo el contenido de #contenedor hacia la izquierda (o también podría ser hacia la derecha, dependiendo mucho de su diseño).
El código de nuestro Div quedaría del siguiente modo entonces:
#contenedor { margin:0 auto 0;
width:390px; text-align:left; }
Así se vería todo el código con Css anidado dentro del archivo:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>titulo de nuestra página aquí </title>
<style type="text/css">
#contenedor { margin:0 auto; width:760px; text-align:left; }
body { text-align:center; } ESTE HACK ES PARA EL IE
</style>
</head>
<body>
<div id="contenedor">
Aquí va el contenido de la página
</div>
</body>
</html>
