¿Por qué en FireFox me sale el menú bastante más abajo?

[sergi_multimedia]

Pues eso, si miráis el enlace con un navegador webkit se ve bien, en cambio con Firefox me sale más abajo, y no entiendo el porqué, alguien sabe que puede ser?

http://s310876771.mialojamiento.es/

Muchas gracias de antemano :)

[phillipecw]

Bueno, definitivamente tendrás que hacer algunos ajustes en tu CSS, ya que de lo que he podido ver:

• En Google Chrome: O.K.
• En Safari: O.K.
• En Firefox: los textos se ven abajo de la barra.
• En Opera: los textos se ven algo "movidos" hacia abajo; no tanto como en Firefox.
• En IE8: ni siquiera se ve parecido. Los estilos parece que ni cargan bien. Veo una lista con "bullets" y con enlaces con colores por defecto (azul).
• En IE9: igual que en Firefox.

Tal vez sea bueno que utilices un archivo "reset" de css: http://meyerweb.com/eric/tools/css/reset/

Saludos.

[sergi_multimedia]

Hola phillipecw, gracias por pasar y comentar.

He estado viendo esto de los archivos reset, he aplicado el código que hay en el enlace, pero hace que se me descuadre todo, el logo por una banda en firefox, en webkit por otro lado... el menu y el contenido muy bajo...

Cómo se aplica correctamente el reset? o hay alguna otra opción para solucionar el problema del menú con diferentes navegadores?

Un saludo

[ZoroRoronoa]

primero aplica el reset al principio, y ya despues comienzas a crear tus estilos y visualizando para lograr lo que deseas (:

Saludos.

[ricroid]

intenta hacer flotante al elemento "li"

Código CSS:

nav>ul>li {float:left;}
 

.
sin embargo tienes que considerar usar buenas practicas a la hora de maquetar, usar un reset puede ahorrarte mucho trabajo como dice ZoroRoronoa.

[comablck]

yo siempre uso esto en el css para evitar problemas asi de posicionamiento en los exploradores.. esto lo pongo en la primera linea del css.. para que le quite todo margen y padding a los tags.. ya q cada explorador le asigna diferentes valores.. espero te sirva

* {padding:0; margin:0}

[sergi_multimedia]

Muchas gracias a todos por vuestras aportaciones, de verdad, se agradece un montón.

Al final he puesto lo que nos ha comentado comablck

* {padding:0; margin:0}

Ahora sí que se ve bien en FireFox y Opera, y para no faltar a la costumbre IE sigue dando algunos problemas, a ver si los puedo solucionar.

[ZoroRoronoa]

@Sergi_multimedia
Claro, ese es el reset universal ó génerico.

Código CSS:

* {margin:0; padding:0; border:0;}
 

Saludos.