Ver Mensaje Individual
  #7 (permalink)  
Antiguo 01/11/2008, 12:10
Avatar de Mikmoro
Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 6 meses
Puntos: 280
Respuesta: centrar menu de www.13styles.com ???

Cita:
Iniciado por ssclamp Ver Mensaje
Para que te funcione bien el "margin:0 auto;" que te propone DragonX tienes que colocar adecuadamente el doctype, porque no funciona en modo quirks.

Saludos
Pero aparte el margin 0 auto no puede funcionar puesto que esa caja no tiene ancho definido, por lo que está obligada a ocupar el 100%, de manera que no es posible centrarla. Otra cosa es su contenido, que si son elementos de línea se centran poniéndole a la caja text-align: center.

Esta es la manera más simple de centrar un menú:

HTML
Cita:
<div id="menu">
<ul>
<li><a href="#">INDEX</a></li>
<li><a href="#">VIEW</a></li>
<li><a href="#">INSERT</a></li>
<li><a href="#">REGISTER</a></li>
</ul>
</div>
CSS
Cita:
* {margin: 0;padding: 0;}

#menu {margin: 0 auto;
width: 700px;
height: 35px;
text-align: center;
}
ul {list-style-type: none;
border: solid 1px #f00;
}
li {padding: 0 29px;
display: inline;
text-align: center;
}
a {line-height: 35px;}
Aquí un ejemplo
__________________
Visita mi nueva web idplus.org