Visualización web

[Blasgo]

Alguien que pueda ayudarme
En chrome, safari, opera, ie, el menu de mi web se ve bien
en cambio en mozilla no se ve bien, el menu se acorta y quedan 2 filas de botones
Esta es la web

A que se debe este problema, que debo agregar o quitar para q se vea bien en mozilla
Gracias

[mardojai]

Ya lo arreglaste? porque a mi en firefox se me muestra normal como chrome.

[Blasgo]

No mardojai, igual se muestra en 2 filas.
muestro

Uso el Mozilla 37.0.1

Gracias por la ayuda.

[mardojai]

Yo estoy en Firefox 39 XD (versíon inestable), y se ve así:


Lo probé en la 37 (la ultima versión estable), y se ve exactamente como tu imagen, el error lo produce seguramente un script que usas para el menú, el problema es que no se porque en firefox 37 le da un max-width muy pequeño, lo que hace que no pueda entrar completo el menú, y se parte en dos filas.

Corregir eso ya se hace complicado, te recomendaría que busques un script para el menú, mejor optimizado.

Saludos!

[AngelKrak]

no estoy seguro pero no sera el padding que lo tienes en porcentajes y pixeles?

Padding cambiado:

.rmm.graphite .rmm-main-list li a {
display: inline-block;
padding: 12px 11px;
....
......
.......
}

[mardojai]

Lo que pasa, es que por alguna razón en Firefox el plugin del menú responsive le pone al div con la clase "rmm" el atributo "style="max-width: 645.75px;" lo que es muy angosto para el menú, y por ello se parte en dos lineas. Mientras que en chrome le pone "style="max-width: 814.8px;" que es una medida donde si entra (es un script medio raro que calcula medidas para el responsive o no sé que XD).

Solución:
A la clase ".rmm" agregale la siguiente propiedad:

Código CSS:

.rmm {
    max-width: 900px !important;
}
 

Saludos!

[NueveReinas]

¿No tienes agregado el Modernizr?