Foros del Web » Creando para Internet » CSS »

Centrar un menu vertical ....horizontalmente

Estas en el tema de Centrar un menu vertical ....horizontalmente en el foro de CSS en Foros del Web. en la parte izquierda de mi pagina.....tengo una capa y dentro de dicha capa tengo un menu vertical (una lista de elementos <ul><li>.....) Me gustaria ...
  #1 (permalink)  
Antiguo 16/06/2008, 16:10
 
Fecha de Ingreso: octubre-2007
Mensajes: 394
Antigüedad: 16 años, 5 meses
Puntos: 2
Centrar un menu vertical ....horizontalmente

en la parte izquierda de mi pagina.....tengo una capa y dentro de dicha capa tengo un menu vertical (una lista de elementos <ul><li>.....) Me gustaria que dicho menu vertical se centrara dentro de su capa contenedora.....pero no hay forma..........poniendo un margin:auto; consigo que se centre y quede perfectamente en FIREFOX....pero en IE no hay forma......

He probado poniendo en la capa contenedora text-align:center; y lo que sucede es curioso ya que........... un formulario que tambien tengo en esa capa....me lo centra correctamente.....xo el puñetero menu no......

No se que hacer....

Saludos
  #2 (permalink)  
Antiguo 16/06/2008, 16:26
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 16 años, 1 mes
Puntos: 142
Respuesta: Centrar un menu vertical ....horizontalmente

Que extraño que te haga eso incluso con el text-align. ¿Podemos ver tus códigos para analizar el error?
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...
  #3 (permalink)  
Antiguo 16/06/2008, 16:40
 
Fecha de Ingreso: octubre-2007
Mensajes: 394
Antigüedad: 16 años, 5 meses
Puntos: 2
Respuesta: Centrar un menu vertical ....horizontalmente

#lateralIzq{
text-align:center;
clear:left;
float: left;
width: 18%;
margin: 0px 0px 10px 0px;
padding: 0px;
border: 1px solid gray;
font-family: Trebuchet MS, Tahoma, Arial;


}
#lateralIzq ul{
font-size:0.9em;
width: 95%;
margin : 0px auto 0px auto;
padding: 0px 0px 0px 5px;
list-style: circle;
border: 1px solid white;
background: #000000 url('http://localhost/bg_leftcol.jpg') ;

}



como se puede comprobar......lateralIzq es la capa contenedora......
Haciendo esto....un pequeño formulario que tengo dentro de esta capa...me lo centra a la perfeccion..... osea los input text estan bien centraditos.....pero la puñetera lista no hay forma...........me crea bastante mas margen a la izquierda que a la derecha.....
  #4 (permalink)  
Antiguo 16/06/2008, 16:44
Avatar de 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 un menu vertical ....horizontalmente

¿Puede ser que te cree más margen a la izquierda, de unos 5px?

padding: 0px 0px 0px 5px;

Para saber cuánto más margen te crea, ponle al ul un borde rojo y verás la distancia real.

Mikel.
  #5 (permalink)  
Antiguo 16/06/2008, 17:00
 
Fecha de Ingreso: octubre-2007
Mensajes: 394
Antigüedad: 16 años, 5 meses
Puntos: 2
Respuesta: Centrar un menu vertical ....horizontalmente

que va...... es bastante mas.... uno 40px de mas..........no hace falta hacer lo del border porque al tener imagen de fondo....se ve claramente donde delimita el ul
  #6 (permalink)  
Antiguo 16/06/2008, 17:12
Avatar de 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 un menu vertical ....horizontalmente

Deberías poner todo el código, porque como parece algo poco lógico, cabe pensar que habrá algún problemilla en otra parte.

Además parece un poco raro: el contenedor mide un 18% de algo, el ul el 95% del contenedor, y suponiendo que es un menú y por tanto tiene contenido, ¿descuadra unos 40px? No lo imagino.

Mikel.
  #7 (permalink)  
Antiguo 17/06/2008, 00:26
 
Fecha de Ingreso: octubre-2007
Mensajes: 394
Antigüedad: 16 años, 5 meses
Puntos: 2
Respuesta: Centrar un menu vertical ....horizontalmente

Antes de eso...... no hay mucho........... ya digo que en firefox funciona a la perfeccion......... he probado a quitar margin auto.........y ponerle margin 0 a la derecha y a la izquie4rda.........y mas o menos se me pega a los dos extremos del contenedor........pero lo que no entiendo es porque internet explorer.........no me hace caso del auto. ya que firefox con un auto de margen....me centra el elemento......xo IE hace absolutamente lo que quiere.

Sobre el text-align ya digo que un formulario que tengo tambien en ese contenedor.....me lo centra a la pefeccion.........xo la lista no.....
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 01:04.