Hola compañeros, me está entrando dolor de cabeza.
Estoy ajustando los contenidos de una web: Un Div que ocupa 100 de la página, en el CSS tiene como atributo "center"
Dentro una tabla, para hacer que todos los enlaces de navegación sean uniformes. La tabla tiene ancho de columna base.
La tabla no se centra dentro del DIV. Es cojonudo. Es un center que no centra.
Aquí tenéis los códicos HTML y CSS correspondientes:
HTML:
Código HTML:
<div id="buttonscontainer" class="but_cont">
<table border="0" cellspacing="0" cellpadding="0" class="aligner">
<tr>
<td align="right" class="logo_td" id="logo"><img src="imagenes_web/logo/logo_web.png" width="109" height="65" alt="Eventos profesionales" /></td>
<td class="logo_td"></td>
<td class="td_menus"><a href="index.html">Inicio</a></td>
<td class="td_menus"><a href="bienvenida.html">Bienvenida</a></td>
<td class="td_menus"><a href="eventos.html">Eventos</a></td>
<td class="td_menus"><a href="Servicios.html">Servicios</a></td>
<td class="td_menus"><a href="galeria.html">Galería</a></td>
<td class="td_menus"><a href="contacto.html">Contacto</a></td>
</tr>
</table>
</div> CSS DIV:
Código:
.but_cont {
height: 70px;
width: 100%;
text-align: center;
background-image: url(imagenes_web/nav_bar.png);
background-repeat: repeat-x;
margin: 0px;
padding: 0px;
}
CSS tabla:
Código:
.aligner {
font-family: Arial, Helvetica, sans-serif;
font-size: small;
color: #FFF;
vertical-align: text-top;
height: 100%;
}
La tabla se alínea a la izquierda.
Esto es algo que ya me ha pasado más veces y estoy seguro de que se debe a algo, algún conocimiento del que carezco. Si algún gurú del HTML o CSS me dice a qué se debe este error le estaré eternamente agradecido.
Muchas gracias
