[SOLUCIONADO] Div con Center que no centra.

[RAZGRIZ24]

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

[C2am]

La propiedad text-align solo alinea los contenidos formados por elementos en línea, por lo que los elementos de bloque como las tablas y los <div> no se pueden alinear con esta propiedad...

http://librosweb.es/referencia_css/text_align.html

Con lo cual te sugiero que centres la tabla con un simple

Código CSS:

margin: auto;
 

Saludos

[RAZGRIZ24]

Ves, me faltaba esa pieza de conocimiento Jejejeje

Muchas gracias!

[pzin]

No deberías de hacer un menú usando una tabla, sino usando listas desordenadas, porque las tablas son para datos tabulados.

[RAZGRIZ24]

Iniciado por pzin

No deberías de hacer un menú usando una tabla, sino usando listas desordenadas, porque las tablas son para datos tabulados.

Pero las listas desordenadas suelen funcionar en líneas, como un esquema, por así decirlo.

en caso de querer emplear una barra horizontal (como es el caso) se podría hacer también. Pero el problema viene, en mi caso; cuándo quieres distanciar los elementos entre sí de manera equitativa.

[pzin]

Iniciado por RAZGRIZ24

Pero el problema viene, en mi caso; cuándo quieres distanciar los elementos entre sí de manera equitativa.

http://www.forosdelweb.com/f91/distr...es-div-1070974

Luego hay otras formas de hacerlo, usando flexbox por ejemplo. Aunque no es soportado aún al 100% por todos los navegadores, pero casi. De todas formas en ese tema hay soluciones.