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ón gal" >
<caption>
Detalle de Proyecto de Investigación gal
</caption>
<tr >
<th > Tí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ó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ón donde se efectuó</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