Centrar una TABLA dentro de un DIV

Estoy buscando hacer que esta mesa esté en el centro de su div y me está volviendo loco! Intenté usar CSS y trucos de HTML para hacerlo y nada está funcionando. Mi último esfuerzo consistiría en agregar relleno a la izquierda de las columnas y simplemente echarle un vistazo, pero decidí pedir ayuda antes de tomar esa medida.Centrar una TABLA dentro de un DIV

http://jsfiddle.net/RQXvR/

Fuente

2012-02-27 user1053263

¿tiene un mejor ejemplo? su tabla ocupa todo el ancho del div que está en –

Tiene un 'contenedor' de clase en su mesa que hace que ocupe todo el ancho de su matriz –

probar esto css para su mesa

table {margin: 0 auto;}

Fuente

2012-02-27 06:29:55

, por desgracia lo intenté tan pronto como para no poderlo ... gracias usted tho – user1053263

Hola usuario1053263, he visto su código y CSS en Firefox 3.6 y su tabla está en el centro de la clase = div "contenido". ¿Puede por favor especificar dónde está exactamente enfrentando el problema o estoy recibiendo su pregunta de manera diferente? O ¿Desea alinear las celdas de la mesa al centro? – w3uiguru

¿qué hay de agregar otro div con esa propiedad css?

Fuente

2012-02-27 06:38:30

intenté contener la tabla dentro de un dv con él, pero nada – user1053263

Aquí está la respuesta:

http://jsfiddle.net/RQXvR/8/

Tome la width: 100%; fuera de la clase .container, y añadir margin: 0 auto; a su mesa.

Fuente

2012-02-27 06:41:06

hacer esto

definir la anchura de la div por ejemplo: 1000px;

por lo que el div debe tener este CSS para hacerlo central.

.div 
{ 
width:1000px; 
position:relative; 
z-index-200; 
left:50%; 
margin-left: -500px; 
}

Explicación:

= margen izquierda a la mitad de la anchura definida.

Fuente

2012-02-27 06:50:40 Bert

Por favor, vuelva a examinar su código. – Purag

¿eh? editado por falta de punto y coma? ¿Por qué -1? tan grosero ... – Bert

Lo siento, no quise ser grosero, solo señalé que hay errores de sintaxis y que esto no funcionará por una razón específica. ¿Necesitas que te diga cuál es el motivo? – Purag

Pruebe usar <center> </center> etiquetas.

Fuente

2012-02-27 07:01:09 connorbp

Respuesta

Cuestiones relacionadas