Ver Mensaje Individual
  #1 (permalink)  
Antiguo 16/11/2005, 14:33
jotamachuca
 
Fecha de Ingreso: octubre-2004
Mensajes: 143
Antigüedad: 19 años, 6 meses
Puntos: 0
Centrar Tabla, pero solo la tabla, sin mas código

Hola a todos

Antes de que me digais que la consulta ha sido respondida infinidad de veces, busqué en el foro, y ninguna de las soluciones que se dieron sirvió, asi que pregunto porque me imagino que son muchos los que tienen el mismo problema que yo tengo ahora.

Es bien simple... tengo una tabla dentro de una capa y quiero centrarla, solo con CSS. El código de la tabla es el siguiente

Código:
<table  class="tabla_listado" summary="Detalle completo de Proyecto de Investigaci&oacute;n gal" >
<caption>
	Detalle de Proyecto de Investigaci&oacute;n gal
</caption>
<tr >
	<th > T&iacute;tulo</th>
	<td >:</td>
	<td ><strong>gal</strong></td>
</tr>
<tr >
	<th >Fecha de Inicio</th>
	<td >:</td>
	<td >10 de Noviembre de 2004</td>
</tr>
<tr >
	<th >Fecha de Termino</th>
	<td >:</td>
	<td >15 de Noviembre de 2005</td>
</tr>
<tr >
	<th >Tipo de Participaci&oacute;n</th>
	<td >:</td>
	<td >Colaborador</td>
</tr>
<tr >
	<th >Tipo de Proyecto</th>
	<td >:</td>
	<td >Tesis de Postgrado</td>
</tr>
<tr >
	<th >Estado del Proyecto</th>
	<td >:</td>
	<td >En avance</td>
</tr>
<tr >
	<th >Instituci&oacute;n donde se efectu&oacute;</th>
	<td >:</td>
	<td >Universidad de Chile</td>
</tr>
<tr >
	<th >Keywords</th>
	<td >:</td>
	<td >jj rr</td>
</tr>
</table>
Si se dan cuenta, nada muy raro, solo html simple y silvestre. Ahora el estilo quye lke da forma a esta tabla

Código:
table.tabla_listado
{
   font:11px Tahoma, Verdana , Arial , Sans;
   margin-left: auto;
   margin-right: auto;
   display: inline ;
}
table.tabla_listado th
{
   width:35%;
}
table.tabla_listado td + td
{
   width:60%;
}
Ahora, el asunto es por que la tabla no se centra??? Probe tambien con text-align: center; en table.tabla_listado, y se centró el texto, pero no la tabla..

AYUDAAAAA!!!

Ahh.. lo otro es que no puedo colocar ningun div mas u otro objeto, nada mas, solo con el CSS, tengo que centrarla

Gracias de Antemano