Duda básica HTML ¿Cómo centrar?

[weoka]

Hola, ¿cómo estáis? Pues veréis me estoy iniciando en la maquetación web y necesito una ayudita, resulta que estoy realizando mi primer diseño (basado en un mockup que hice en illustrator) y ya haciendo el menú me encontré con el primer inconveniente. Lo que pasa es que en mi resolución aparentemente el diseño se ve correcto, sin embargo cuando cambio de resolución, el menú se va a la izquierda. Lo que quiero lograr es que se quede siempre centrado, no se si me hice entender. Podéis ver a que me refiero en este link (que es donde se ve mis pocos(nulos) avances, gracias de antemano, un saludo,
Daniel.

[cris_cricri666]

Yo meteria el menu en una caja y le pones de propiedades:
margin-left: auto;
margin-right: auto;

Lo de la caja no es del todo necesario, sabiendo que con esto te centra un objeto puede hecharle imaginación según tu codigo.

[Rafael]

Lo primero es entender el modelo de caja.

Puedes tener básicamente 2 tipos de elementos, de bloque e inline.

Por ahí hay una cosa intermedia que es el inline-block, pero para fines prácticos lo dejo como inline.

1) display: block
2) display: inline-block

Si tu menú es un bloque con un ancho definido, por ejemplo un ul entonces a ese ul le pones el ul {margin: 0 auto;} eso hace que el bloque busque sus márgenes laterales y los ponga iguales.

Pero si tus elementos internos son inline-block como podría ser: li {display: inline-block} entonces al padre le pones text-align: center, o sea al ul {text-align: center}