Comportamiento diferente según navegador

[mblascog]

Buenas,
Le estoy dando vueltas a un tema y no hay manera de encontrar la solución.
Me han pedido poner un texto, enmarcado, parpadeante, en una posición concreta de la web. Hasta ahí todo bien.
En Google Chrome y Safari lo hace perfecto, pero en IE, Opera y Firefox, visualiza el texto en gris, elmina el marco y no centra el texto.

El texto, es una celda de una tabla, posicionada en el lugar que me interesa.
Dicha celda tiene asignado el siguiente css:

Código CSS:

#cella {font: bold 0.9em/1 Arial; text-align:center; padding: 4px; color:#FFFFFF; border: 1px dotted #FFFFFF;}
 

Y el parpadeo es una función que tengo creada, que hace visible o invisible la celda, cada cierto tiempo.

Se puede ver un ejemplo en el siguiente enlace: http://www.comercialcumer.com/mapa/inici.html

Muchas gracias

[cuasatar]

Hola, este tema parece mas de css que de javascript. Me dio curiosidad el problema y como al parecer la página esta "bien" se me ocurrio mirar que decia el validador de w3C y encontre esto.

http://validator.w3.org/check?uri=ht...3#fatal-errors


Sorry, I am unable to validate this document because on line 7 it contained one or more bytes that I cannot interpret as utf-8 (in other words, the bytes found are not valid values in the specified Character Encoding). Please check both the content of the file and the character encoding indication.
The error was: utf8 "\xF1" does not map to Unicode

Y existe un error en esta parte.


<META NAME="keywords" content="herock espa�a, semarretes (por cierto son samarretes), botes, pantalons">

Yo se que este error en teoria no tiene nada que ver pero quizas los navegadores IE y OPERA esten interpretando mal la pagina por esto. Seria cuestión de arreglarlo y volverlo a intentar (Por lo menos así se valida la página y se podria ver si existe algun error relacionado que ha primera vista no se vea como un div mal cerrado o algo similar que este afectando la visualización de la pagina) .

[mblascog]

Tengo que sacarme el sombrero, como muy bien dices, cometí un grave error ortográfico, semarretas en lugar de samarretas. Ya lo he corregido
También he corregido el error de carácter especial en la instrucción del Meta que me comentabas.
Quedan por arreglar básicamente dos errores, atributos que he puesto directamente en un tabla y que debería usar la hoja de estilos. Y luego no le gusta los espacios indicados así &nbsp, pero desconozco que haya otra forma.

Ahora lo haré, pero me da que el error no va por aquí.
Gracias de todas formas.

[mblascog]

Cuasatar piensa que el tema se acerca más a css que a javascript. También veo que a alguien no le ha gustado. Pido disculpas por el error, pero desconozco como cerrar el tema o trasladarlo de foro.

[cuasatar]

Ok, yo entiendo que por ahi de pronto no es el error (osea en teoria la codificación no tiene nada que ver con que salga mal el letrero) pero por dolorosas experiencias previas me he dado cuenta que en ocasiones estos errores se deben a que no esta bien validado el codigo html y por eso sugeri que le hicieras esos cambios.

Quedan por arreglar básicamente dos errores, atributos que he puesto directamente en un tabla y que debería usar la hoja de estilos. Y luego no le gusta los espacios indicados así &nbsp, pero desconozco que haya otra forma.

Jeje pues creo que son un poquito mas. Si ves nuevamente el codigo en el validador encontro 55 errores y 8 advertencias.

http://validator.w3.org/check?uri=ht...Inline&group=0


El arreglarlos no garantiza que ahora la pagina funcione, pero es mas factible que si corriges todos los errores de validación pueda aparecer la causa por la cual sale mal en IE y Opera (Este ultimo es muy estricto con esos errores IE ni hablemos que es otro tema aparte ).

Pide que pasen tu tema de foro. Aunque no se exactamente a cual seria mejor en estos momentos. Yo te aconsejo que primero valides el codigo html para descartar que algun div por ahi sin cerrar o algo parecido es lo que esta generando el problema. Igual lee la advertencia que te manda el validador sobre html5. No conozco mucho del nuevo estandar pero por ahi podria estar el error porque al no ser definitivo de pronto algunas caracteristicas no las soporte IE y Opera.

Suerte con eso y cualquier cosa ya nos comentas

[mblascog]

Gracias por responder. Tenías otra vez razón. El error es debido a unas comillas sobrantes en el fichero css.
Llevas toda la razón, cuantos menos errores y warnings mejor.
De nuevo, muy agradecida con tu ayuda.

[cuasatar]

No passa gens noia. M'agrada que hagis pogut arreglar el problema.

En verdad me alegra que lo hayas solucionado. Al leer tu post me acorde de algo parecido que me paso con una aplicación en ajax que no cargaba bien en IE. Yo le echaba la culpa al aplicativo y despues de darle vueltas horas y horas encontre que el problema era un div mal colocado que generaba un error de sintaxis que no reconocia explorer. Vi tu problema y me parecio que debia ser exactamente lo mismo, un error de sintaxis.

Yo lei este post y al ver el error tan raro estaba seguro que la recomendación que te daba daria con la solución. Creo que me estoy volviendo bueno en esto de detectar errores jejeje. Cuando tengas tiempo arregla los errores de validación que te faltan. Así evitaras dolores de cabeza en el futuro.

[furoya]

Iniciado por cuasatar

Hola, este tema parece mas de css que de javascript.

Iniciado por mblascog

Cuasatar piensa que el tema se acerca más a css que a javascript. También veo que a alguien no le ha gustado. Pido disculpas por el error, pero desconozco como cerrar el tema o trasladarlo de foro.

Yo no me preocuparía por los "No me gusta" cuando no los firman ni los justifican. Así no tienen valor.

Aunque el problema tiene más que ver con la prolijidad para escribir el código que con el lenguaje, a mí también me parece que habría que sacarlo de JS.
Ya pido el cambio.

Además, resulta que tenías otro por acá cerca.

Texto de celda intermitente

(Podrías pasar a comentarnos cómo lo resolviste ¿no?)

[kseso?]

¡Ay del denostado blink!

Código CSS:

text-decoration: blink;
 

Vale que no es tan "personalizable" como vía js, pero ni punto de comparación en la simplicidad de implementación y no depender de otros lenguajes.

Por cierto, ¿nunca oyó aquello de "tableless" o "¡qué tabla tan bonita"?