Problema con Menú y CSS

[Angel K ido]

Hola Gente. Les doy las gracias solo por leer este mensaje.

Tengo un problema con un menú, pero es difícil de explicar porque no es reproducible (Al menos yo no he podido), ocurre de vez en cuando. Les muestro una imagen de lo que sucede:



La parte superior de la imagen muestra el menú descuadrado, y la parte de abajo el menú cuando se visualiza correctamente.

Esto me pasa en firefox, actualizando la página se soluciona.

Si quieren ver la página, es esta:
http://200.58.120.8/muestreosimp.com...Principal.aspx

Si alguien sabe que puede ser, se lo voy a agradecer.

Un saludo

[Angel K ido]

Iniciado por Angel K ido

Hola Gente. Les doy las gracias solo por leer este mensaje.

Tengo un problema con un menú, pero es difícil de explicar porque no es reproducible (Al menos yo no he podido), ocurre de vez en cuando. Les muestro una imagen de lo que sucede:



La parte superior de la imagen muestra el menú descuadrado, y la parte de abajo el menú cuando se visualiza correctamente.

Esto me pasa en firefox, actualizando la página se soluciona.

Si quieren ver la página, es esta:
http://200.58.120.8/muestreosimp.com...Principal.aspx

Si alguien sabe que puede ser, se lo voy a agradecer.

Un saludo

Gente. Cambié la estructura del menú. Estaba hecha con div's, ahora lo cambié por una lista, de todas formas el problema continúa.

[webosiris]

con firefox 3 en linux no puedo reproduucir el problema, pero... será porque tienes en css definido en el body?? el css tiene que ir defindio en un archivo css aparte o en todo caso, en el head, pero no en el body salvo que sea css inline

[Angel K ido]

Iniciado por webosiris

con firefox 3 en linux no puedo reproduucir el problema, pero... será porque tienes en css definido en el body?? el css tiene que ir defindio en un archivo css aparte o en todo caso, en el head, pero no en el body salvo que sea css inline

Ejem, si, es un error, pero no lo pienso dejar así, estoy haciendo pruebas. Antes lo tenía en un archivo externo y me hacía lo mismo. Me doy cuenta que borrando todo lo "cacheado" y haciendo click rapidamente en distintas opciones del menú, el error ocurre con mas frecuencia.

Gracias por responder

- - Edito - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Creo que ya está, tuve que darle un margen entre cada elemento de lista. Es como si el CSS cargara tarde o algo por el estilo, como no son elementos flotantes no lograban acomodarse y saltaban de linea... eso es lo que supongo, en fin...

... gracias webosiris.

Saludos

[webosiris]

ok, recien ahora puedo reproducir el problema..... tu css me parece bastante complejo para solo un menu, vamos a simplificarlo un poco.
Elimina el display:table-cell y el display:table del menu, que es un ul, no una tabla.... para conseguir que queden los li unos a llado de otros, simplemente flotalos.

Código css:

.menu li{float:left}
 

[Angel K ido]

Iniciado por webosiris

ok, recien ahora puedo reproducir el problema..... tu css me parece bastante complejo para solo un menu, vamos a simplificarlo un poco.
Elimina el display:table-cell y el display:table del menu, que es un ul, no una tabla.... para conseguir que queden los li unos a llado de otros, simplemente flotalos.

Código css:

.menu li{float:left}
 

Si, se fué acomplejando de a poco . Todo se empezó a complicar con el capricho de que el menú quede centrado, hacerlo funcionar en Firefox fue facil, se empezó a poner feo cuando comencé a probarlo en IE 6

Pero como comento antes, ya está solucionado. Ni por $1000 lo vuelvo a tocar, jaja, bueno si.

Gracias de nuevo