Foros del Web » Creando para Internet » CSS »

Menús descuadrados según navegador

Estas en el tema de Menús descuadrados según navegador en el foro de CSS en Foros del Web. Tengo un menú del siguiente tipo en mi Web: y, mientras en Firefox se ve como muestro en la captura (totalmente centrado), en Internet Explorer ...
  #1 (permalink)  
Antiguo 17/10/2012, 15:17
 
Fecha de Ingreso: agosto-2012
Mensajes: 14
Antigüedad: 12 años, 3 meses
Puntos: 0
Menús descuadrados según navegador

Tengo un menú del siguiente tipo en mi Web:



y, mientras en Firefox se ve como muestro en la captura (totalmente centrado), en Internet Explorer y en el móvil (son los otros sitios donde lo he probado), las palabras están un poco más hacia arriba. Hago las modificaciones en el style.css y cuando se ve bien en Internet Explorer se ve mal en Firefox. En el style.css sólo tengo puesta la línea:

padding: 10px 0 0 6x;

Mi pregunta es, ¿cómo podría conseguir que me quede completamente centrado (verticalmente) independientemente de cuál sea el navegador en el qe esté viendo la página?

Gracias!
  #2 (permalink)  
Antiguo 18/10/2012, 06:00
Avatar de AlZuwaga
Colaborador
 
Fecha de Ingreso: febrero-2001
Ubicación: 34.517 S, 58.500 O
Mensajes: 14.550
Antigüedad: 23 años, 10 meses
Puntos: 535
Respuesta: Menús descuadrados según navegador

Hola. Primero, este es un tema para el foro CSS (no WordPress). Segundo: padding: 10px 0 0 6x;. Esa x fue un error de tipeo acá o lo tenés así en tu CSS?
__________________
...___...
  #3 (permalink)  
Antiguo 18/10/2012, 21:40
Avatar de no_fx  
Fecha de Ingreso: febrero-2012
Ubicación: localhost
Mensajes: 51
Antigüedad: 12 años, 9 meses
Puntos: 2
Busqueda Respuesta: Menús descuadrados según navegador

el padding (en lo personal) me causo algunos problemas cuando me inicie con css.

Recuerda que si quieres que tu width sea de 100px y al padding le colocas 5px
En realidad tu width tendria que ser de 95px
Y al texto coloca un text-align:center;
Por ultimo recuerda siempre que IE es una m…. tendras que tener actualizado, mínimo IE 7

No se me ocurre otra, sin ver tu codigo

Saludos y suerte
  #4 (permalink)  
Antiguo 20/10/2012, 10:42
Avatar de pablolombardo  
Fecha de Ingreso: marzo-2012
Ubicación: Mar del Plata
Mensajes: 65
Antigüedad: 12 años, 9 meses
Puntos: 8
Respuesta: Menús descuadrados según navegador

Buenas, si querés que el texto quede centrado verticalmente, mas que del padding ocupate del line-height.. Se utiliza para declarar la altura de la linea, y te centra el texto en el centro.

Saludoss.
__________________
Pablo Lombardo
http://www.pablolombardo.com/
  #5 (permalink)  
Antiguo 22/10/2012, 12:50
Avatar de diegobrice  
Fecha de Ingreso: octubre-2012
Ubicación: Perú
Mensajes: 9
Antigüedad: 12 años, 2 meses
Puntos: 4
Respuesta: Menús descuadrados según navegador

utiliza:

line-height: 80px;
En vez de 80px pones la altura del boton, osea el height.

Para la proxima pon tu codigo para corregirlo

Etiquetas: navegador, página, según
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 18:14.