Centrar una tabla dentro de un DIV
Hace poco me paso, no suelo manejar muchas tablas  con divs, solo para lo necesario.
Coloque un div , dentro una tabla que tenia la propiedad de centrado, y no centraba!
intente colocarle text.align: center; al DIV.. y nada pasaba!
Aca la solución, muy simple:
<div class=’centerTable’>
<table>
//Acá el contenido de la tabla….
</table>
</div>
Nuestros CSS quedarÃan de la siguiente manera:
div.centerTable{
    text-align: center;
}
div.centerTable table {
    margin: 0 auto;
    text-align: left;
}
Eso era todo!
Por fin una solucion simple y que funciona!
Gracias
De nada, me alegro que te haya servido. Saludos!
Excelente truco… que sencillo, también encontré por fin la solución… gracias por ese aporte, muy bueno.
De nada!, yo también estaba cansado de buscar soluciones alternativas, hasta que me resulto esta.
Gracias.
+10
Buenas tardes gente!! no logro centrar una planilla CSS, me estoy volviendo loco, y de esto depende mi publicación de Base de datos, si alguien me puede ayudar estaria muy agradecido, desde ya intente todos los trucos, incluyendo este. Sin Gloria.
podrias darnos un ejemplo de tu codigo?
Gracias Guillermo por responder tan pronto a mi consulta, el tema es el Siguiente estoy usando Filemaker xxx para mi base de datos laboral, tengo montado un servidor que corre perfecto dicha base, y se puede hacer la consulta de un navegador, el tema radica en que la maquetacion de la base esta hecha para una resolución 1024×768, cuando la visualizo en diferentes resoluciones siempre figura a la izquierda y arriba, esto es un problema del Programa a la hora de hacer Publicación Web, pero el programa deja abierto, un archivo html para personalizarlo, cosa que hice, una vez que ingreso con mi pass, todo esta a la izquierda y arriba, me seguà metiendo en el tema hasta llegar a los famosas planillas CSS, de las cuales no entiendo y perdón por la palabra un pedo. necesito que alguien pueda ver o inspeccionar y decirme como centrar las tablas o las planillas css. Se que me fui de mambo, pero hace tiempo que estoy con este tema, y agradecerÃa en serio la ayuda.
este es el codigo de iwp.home.css esta relacionado con el archivo html que decia anteriormente. iwp.home.htm
/* copyright: (C) Copyright 2003-2010 FileMaker, Inc. All Rights Reserved */
.databasehomepage { color: #CCCCCC; font-style: normal; font-size: 16px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.bannerWhite { color: #CCCCCC; font-size: 28px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; letter-spacing: -.5px }
.links { color: #3333CC; font-size: 16px; font-family: «Times New Roman», Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
#relativeBannerBox { position: relative; left:0; top:0; width: 100%; height: 60px; visibility: visible; display: block; overflow:hidden;}
#bannerBox { background-color: #000000; position: absolute; left:0; top:0; width: 100%; height: 65px; visibility: visible; display: block; overflow:hidden;}
#fmBox { text-align: right; position: relative; top: 20px; left: 0px; width: 100%; height: 35px; visibility: visible; display: block }
#homeBox { text-align: right; vertical-align: bottom; position: absolute; top: 40px; left: 0px; width: 100%; height: 25px; visibility: visible; display: block }
#iwpBottomBox { position: absolute; top: 17px; left: 17px; width: 550px; height: 40px; visibility: visible; display: block }
#iwpTopBox { position: absolute; top: 15px; left: 80px; width: 550px; height: 40px; visibility: visible; display: block }
#linksBox { position: relative; left: 15px; right: -15px; height: 100%; visibility: visible; display: block; }
A { color: #3333CC; font-size: 16px; font-family: «Times New Roman», Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.db { vertical-align:text-bottom; }
A simple vista no podria decirte, este es el unico archivo css que tiene?
Podrias inspeccionar con Firebug, en firefox o si estas en chrome clic derecho inpeccionar elemento.
Abajo aparece una lupa, dale clic y ubica el elemento que quieres centrar.
una vez ubicado al lado derecho te apareceran las propiedades css que tiene para que este alineado a la izquierda y arriba. ese elemento es el que deberiamos modificar el css para centrarlo.
Una solucion es si tienes un div con un ancho especifico, ejemplo 300 de ancho. Para centrar este div horizontalmente se necesitaria:
position: relative;
width: 300px;
left: 50%;
margin-left: -150px;
el margin-left siempre tiene que ser negativo, y es la mitad del ancho, en este caso 300
Exelente me funciono !! yo tambien lo intente con el aling center dentro del div y nada !! MUCHAS GRACIAS!!
De verdad muchas gracias!! No me explicaba por que no podÃa alinearla!! 😉
De nada, me encanta saber que puedo colaborar!, Saludos!
Parece increÃble pero, asà de sencillo era. Pero antes de esto me encontré cantidad de cosas enredadas y complicadas.
Muchas gracias.
De nada, gracias por visitar nuestro blog!
Genial!!!!! me ayudo mucho, ya solo utilizr la etiqueta para poner la tabla a la altura que yo queria y quedo perfecto
gracias me sirvio de mucho
Gracias Parce, muy bueno y sencillo.
3 horas tratando de centrar una tabla para un ebook… jejeje tks…
Muchas gracias Guillermo, funciono super bien.
Una hermosa y simple respuesta! Gracias! He peleado con la dichosa tabla por semanas!
xD, perdi horas probando una y otra cosa , gracias
Gracias! funciona OK
Igualmente funciona con ID en vez de CLASS, probado. Gracias
¡Muchas gracias!