Descuadre menu navegacion con zoom (ejemplo)

[mariomon17]

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 :)

[edwardd89]

calculando las medidas con px

[mariomon17]

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

Un saludo.

[edwardd89]

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.

[snowmanchip]

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.

[mariomon17]

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.

Iniciado por edwardd89

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 :)

[rege]

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.

[mariomon17]

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.

[mariomon17]

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.