Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Div con Center que no centra.

Estas en el tema de Div con Center que no centra. en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 06/09/2013, 18:36
Avatar de RAZGRIZ24  
Fecha de Ingreso: septiembre-2009
Mensajes: 143
Antigüedad: 14 años, 7 meses
Puntos: 2
Div con Center que no centra.

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
  #2 (permalink)  
Antiguo 06/09/2013, 22:03
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 15 años, 2 meses
Puntos: 306
Respuesta: Div con Center que no centra.

Cita:
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:
Ver original
  1. margin: auto;

Saludos
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #3 (permalink)  
Antiguo 07/09/2013, 01:44
Avatar de RAZGRIZ24  
Fecha de Ingreso: septiembre-2009
Mensajes: 143
Antigüedad: 14 años, 7 meses
Puntos: 2
Respuesta: Div con Center que no centra.

Ves, me faltaba esa pieza de conocimiento Jejejeje

Muchas gracias!
  #4 (permalink)  
Antiguo 07/09/2013, 02:20
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: Div con Center que no centra.

No deberías de hacer un menú usando una tabla, sino usando listas desordenadas, porque las tablas son para datos tabulados.
  #5 (permalink)  
Antiguo 07/09/2013, 02:47
Avatar de RAZGRIZ24  
Fecha de Ingreso: septiembre-2009
Mensajes: 143
Antigüedad: 14 años, 7 meses
Puntos: 2
Respuesta: Div con Center que no centra.

Cita:
Iniciado por pzin Ver Mensaje
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.
  #6 (permalink)  
Antiguo 07/09/2013, 02:50
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: Div con Center que no centra.

Cita:
Iniciado por RAZGRIZ24 Ver Mensaje
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.

Etiquetas: center, enlace, href, html, página
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 07:35.