Iniciar sesión

Ver la versión completa : Ayuda con CSS



crossmax
16/04/2013, 09:59
Dirigido a algun buen samaritano que pierda unos minutos con mi ralladita mental [Ahhh]

Buenas a todos, el caso es que no consigo auto centrar un bloque de una plantilla que me ha gustado para wordpress y no sé porqué.
El tema lo podeis ver aquí (http://themes.themegoods.com/dk_wp/).
La barra del menu (barra navegacion) es la que no consigo centrar. Se supone que toda la pagina está contenida en #wrapper y las dos partes del menu están contenidas en #menu_wrapper.
Por mas que añado atributos a menu_wrapper como "margin:0 auto;" o "position:relative;" no parece hacerme caso. Lo he intentado con el bloque #wrapper pero tampoco hay suerte.
Si estos atributos los añado al bloque del contenido #page_content_wrapper el texto de cada pagina si se centra, pero tambien quiero centrar el menú.

No sé si es que alguna herencia me está bloqueando la posicion auto o no sé que puede ser.

¿Seria mucho pedir que me dierais alguna pauta/consejo?

Gracias a todos!

Wild[Kyo]
16/04/2013, 10:43
#menu_wrapper {
width: 560px;
margin: 0 auto;
z-index: 999;
display: none // este valor se sobreescribe con JS o algo y quedará en block cuando la web se muestre
}

Básicamente, lo importante es que quites el float: left y que, además, indiques el ancho del bloque que quieres centrar. En este caso con 560px te quedará bien, aunque puedes ir mirando de ajustarlo mejor. (Por ejemplo a .logo_wrapper deberías quitarle el margen de la izquierda ahora que lo vas a centrar la barra de navegación).

Un saludo!

crossmax
16/04/2013, 11:12
Muchas gracias!!!
He hestado retocando mi caso que era un pelin diferente al original pero era justo eso!!

La unica duda que me queda es que al poner margin: 0 auto; no se puede jugar con el margen bottom para separar el menú del contenido de la pagina. ¿
Como puedo separar ambos bloques (menu_wrapper y page_content_wrapper) que son contiguos??

Mil gracias. Cuanto crack hay por ahi suelto...

EDIT:

Ok, como las pruebas de separacion de bloques las habia hecho antes del cambios que me has dicho, no me seperaba bien los bloques.
Ahora veo que si pongo margin: 30px auto 0 al bloque page_content_wrapper si que me lo separa como quiero.

Gracias

Wild[Kyo]
16/04/2013, 19:49
Me alegro que lo hayas solucionado. Y de nada, fiera. ;)