Foros del Web » Creando para Internet » CSS »

Descuadre menu navegacion con zoom (ejemplo)

Estas en el tema de Descuadre menu navegacion con zoom (ejemplo) en el foro de CSS en Foros del Web. Hola a todos. Me he encontrado con el que he leido que es un problema recurrente, pero no encuentro solucion. Esta es mi pagina SATIR ...
  #1 (permalink)  
Antiguo 12/11/2011, 19:27
 
Fecha de Ingreso: noviembre-2009
Mensajes: 846
Antigüedad: 10 años, 2 meses
Puntos: 34
Descuadre menu navegacion con zoom (ejemplo)

Hola a todos.
Me he encontrado con el que he leido que es un problema recurrente, pero no encuentro solucion.

Esta es mi pagina SATIR y el problema lo tengo con el menu superior.
Se ve todo correcto hasta que utilizas el zoom del navegador.

En diferentes niveles se descuadra y se baja. Solo en algunos, no en todos.

Como lo podria solucionar?

Muchas gracias :)

Última edición por mariomon17; 13/11/2011 a las 09:07
  #2 (permalink)  
Antiguo 13/11/2011, 11:58
 
Fecha de Ingreso: mayo-2010
Mensajes: 65
Antigüedad: 9 años, 8 meses
Puntos: 5
Respuesta: Descuadre menu navegacion con zoom (ejemplo)

calculando las medidas con px
__________________
perfumes de imitacion
  #3 (permalink)  
Antiguo 13/11/2011, 12:02
 
Fecha de Ingreso: noviembre-2009
Mensajes: 846
Antigüedad: 10 años, 2 meses
Puntos: 34
Respuesta: Descuadre menu navegacion con zoom (ejemplo)

Como que calculando las medidas con px?
Las medidas estan expresadas en px.

Un saludo.
  #4 (permalink)  
Antiguo 13/11/2011, 16:23
 
Fecha de Ingreso: mayo-2010
Mensajes: 65
Antigüedad: 9 años, 8 meses
Puntos: 5
Respuesta: Descuadre menu navegacion con zoom (ejemplo)

imaginate yo tengo un div de 750px
dentro de ese div le pongo 3 divs de 250px con float left
haga lo que haga nunca se me bajara porke esta cuadrado por pixeles
supongo que es por eso el error, puede ser que esté algun tamaño por % o que no expreses todos los tamaños.
__________________
perfumes de imitacion
  #5 (permalink)  
Antiguo 13/11/2011, 17:00
 
Fecha de Ingreso: agosto-2011
Ubicación: Viña del Mar, Chile
Mensajes: 311
Antigüedad: 8 años, 5 meses
Puntos: 50
Respuesta: Descuadre menu navegacion con zoom (ejemplo)

Hola..lo mío es 0 aporte
Los anchos están bien...lo que veo es que con un zoom muy pequeño se pasa al div inferior...como si no reconociera la etiqueta header de HTML5.¿lo probaste sin html5 y con un simple div?
Saludos.
  #6 (permalink)  
Antiguo 13/11/2011, 17:25
 
Fecha de Ingreso: noviembre-2009
Mensajes: 846
Antigüedad: 10 años, 2 meses
Puntos: 34
Respuesta: Descuadre menu navegacion con zoom (ejemplo)

No, por que Chrome no tiene ningun problema al reconocer esa etiqueta. Ademas si fuese problema de compatibilidad, no se veria bien haciendo o no haciendo zoom.

Cita:
Iniciado por edwardd89 Ver Mensaje
imaginate yo tengo un div de 750px
dentro de ese div le pongo 3 divs de 250px con float left
haga lo que haga nunca se me bajara porke esta cuadrado por pixeles
supongo que es por eso el error, puede ser que esté algun tamaño por % o que no expreses todos los tamaños.
He revisado el codigo y especifico los tamaños en px. Los botones no especifico tamaño, pero he probado especificando y se sigue descuadrando :S

A ver si alguien se le ocurre que puede pasar.

Gracias :)
  #7 (permalink)  
Antiguo 15/11/2011, 06:25
 
Fecha de Ingreso: noviembre-2009
Mensajes: 41
Antigüedad: 10 años, 1 mes
Puntos: 10
Respuesta: Descuadre menu navegacion con zoom (ejemplo)

El <a> i <img> del logotipo y el <ul>, no tienen el width definido.
Pónlo, creo que con eso se solucionará el problema.
Debe fallar al reescalar porque no tiene el ancho definido en px.
  #8 (permalink)  
Antiguo 15/11/2011, 18:11
 
Fecha de Ingreso: noviembre-2009
Mensajes: 846
Antigüedad: 10 años, 2 meses
Puntos: 34
Respuesta: Descuadre menu navegacion con zoom (ejemplo)

Hola.
El logotipo tiene un width de 220px y el contenedor de ambos mide 960px por lo que deduje que el nav deberia tener un width de 740px (no hay ni margenes, ni paddings) pero resulta que se sale.

Ahora si que me he perdido.
  #9 (permalink)  
Antiguo 15/11/2011, 18:16
 
Fecha de Ingreso: noviembre-2009
Mensajes: 846
Antigüedad: 10 años, 2 meses
Puntos: 34
Respuesta: Descuadre menu navegacion con zoom (ejemplo)

He vuelto a calcular.

La imagen mide 220px y tiene un position relative right de 10px (no se si esto influye en el tamaño).

El div me acepta hasta un valor de 736px cuando deberia ser de 740px el maximo.

Etiquetas: descuadre, nav, zoom
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:06.