97457 - renfe.es - Spanish train ticket reservation system is Netscape and IE only

Status: RESOLVED FIXED

(Tech Evangelism Graveyard :: Spanish, defect, P1)

Description

[Diego Biurrun]

This site does not work with mozilla unfortunately. It renders ok with IE and
Netscape 4.x. That site is important is spain, it would be great to have it
work. I am not quite sure what the exact problem is. Mozilla renders a local
copy of the site ok, the online version is messed up. Maybe someone with more
HTML/Javascript knowledge can shed some light on the issue, I will then contact
the webmaster and try to work out a solution.

Comment 1

[Tristan Nitot]

Priority set to P3. Confirming.

Steps to reproduce :

1 - visit http://w1.renfe.es/
2 - click on tiknet, you're taken to http://w1.renfe.es/vbi/htvbi000.html
3 - see that it does not lay out properly

Kat, can you help diagnosing ?

Comment 2

[Diego Biurrun]

Opera has no problems on the site.

I tried to make mozilla masquerade as IE by adding the following line to prefs.js:

user_pref("general.useragent.override", "Mozilla/4.0 (compatible; MSIE 5.5;
Windows 98; Win 9x 4.90)");

The problem persists. Is this useragent string correct?

Comment 3

[Henri Sivonen (:hsivonen)]

Confirmed.

Problem #1:
They use the strict doctype declaration even though the HTML is non-compliant.
If I remove the doctype declaration, the page still looks broken but in a
different way. Interestingly, the appearance is then almost identical to the
appearance of the page in Mac IE 5. (The page also breaks in Mac IE 5.)

Problem #2:
The page is a mess and full of errors: broken tags, bad comments, use of
document.write(), nested tables

Removing the doctype and removing the broken comments makes the page look a lot
better (although the real fix would be rewriting the page correctly from scratch).

Comment 4

[z-aillon.c-obsolete2]

Moving to new component "West Europe".  European component is being removed. 
See bug 95808 for details.

Comment 5

[Pascal Chevrel:pascalc]

Sending message to the webmaster ([e-mail]) as well as
[e-mail]

Comment 6

[Kai Lahmann (is there, where MNG is)]

*** Bug 111437 has been marked as a duplicate of this bug. ***

Comment 7

[Diego Biurrun]

Pascal, can you post the message you sent them here?  Did you send it in English
or Spanish?  Did you include a description of a possible fix?

Comment 8

[Pascal Chevrel:pascalc]

Here is the lettre I sent them :

Estimado Webmaster:

He visitado su sitio web para comprobar su compatibilidad con los estándares del
W3C utilizando la última versión del navegador Mozilla. Las tecnologías de
Mozilla sirven de base para varios navegadores, entre ellos Netscape 6. He
notado que actualmente, su sitio web no se muestra correctamente debido a los
problemas siguientes:

El código HTML enviado por el servidor tiene tantos errores que Mozilla no
consigue representarlo (Internet Explorer 5 Mac también tiene problemas con esta
página).

Me pongo en contacto con usted con el fin de solicitarle que actualice su sitio
web de modo que proporcione el mismo grado de soporte para los Estándares del
W3C como para las extensiones propietarias de Microsoft Internet Explorer o
Netscape Navigator 4, así como para ofrecerle algunos recursos que pueden
resultarle útiles.

Soportar los Estándares del W3C es primordial, porque así nos aseguramos de que
Internet sigue siendo accesible para todos los usuarios, cualesquiera que sean
su navegador, su sistema operativo o el aparato que usan para conectarse a la red.

Al soportar los Estándares del W3C, el contenido de su web será accesible a:

-todos los usuarios de Mozilla y Netscape 6 en todos los sistemas operativos que
soportan estos navegadores (entre ellos Windows, Mac, Linux y Solaris);

- todos los usuarios de aplicaciones populares que utilizan o utilizarán
NGLayout (también conocido como "Gecko"), el motor de representación que
constituye el corazón de Mozilla, para mostrar contenido web, entre ellos AOL
Instant Messenger, ICQ, Spinner y WinAmp;

- todos los usuarios de una nueva generación de aplicaciones de navegación
basadas en NGLayout tales como el "Gateway Connected Touch Pad with Instant AOL"
y el "Intel DocStation", y una nueva generación de aparatos de conexión a
Internet (set-top-boxes) en desarrollo como las recientemente anunciadas por
Intel y Nokia.


¿ Qué ocurrirá con los elementos LAYER ?
........................................

Los elementos LAYER y ILAYER son tecnología propietaria soportada por Netscape
Navigator 4.x solamente. Los LAYERs no están recogidos por las recomendaciones
del W3C y, por lo tanto, los navagadores basados en Mozilla no los soportán ni
los soportarán en el futuro. Le recomiendo encarecidamente que utilice los
elementos estándares del W3C correspondientes (DIV, SPAN e IFRAME) así como el
DOM del W3C, y que deje de usar completamente los elementos (I)LAYERS.

Recursos disponibles para ayudarle a implementar los Estándares del W3C
.......................................................................


Validar sus documentos HTML & CSS
.................................

El W3C pone a su disposición un validador en http://validador.w3.org que le
puede ayudar a convertir el código de sus páginas en HTML válido, que será
mostrado correctamente por cualquier navagador que respete los estándares. El
W3C también proporciona una serie de tests CSS1 en
http://www.w3c.org/Style/CSS/Test/ y un validador CSS2 en
http://jigsaw.w3.org/css-validador/. Tenga en cuenta que el analyzador CSS de
Mozilla es bastante estricto y que un código CSS no válido aceptado por otros
navegadores como Microsoft Internet Explore puede no ser aceptado por Mozilla.
Los navegadores basados en Mozilla interpretarán correctamente cualquier código
CSS que sea reconocido correcto por el validador.

Artículos
.........

Hay muchos artículos que pueden ayudarle a hacer la transición hacia el soporte
de los estándares:

Se ha dedicado una sección especial de mozilla.org a Desarrollares Web
como usted. Consúltela en:

http://www.mozilla.org/docs/web-developer/

Para una introducción al desarrollo web "cross-browser", visite:
http://www.mozilla.org/docs/web-developer/xbdhtml/xbdhtml.html

El API DHTML, que es un cuerpo de código abierto que define un conjunto de
funciones para establecer propiedades de posicionamiento CSS compatibles con
varios navegadores, ha sido actualizado para reflejar el soporte de los nuevos
estándares que tienen los navegadores basados en Mozilla. Puede encontrarlo en
la dirección siguiente :
http://www.mozilla.org/docs/web-developer/csspapi/csspapi.html

Aprenda a cambiar las propiedades CSS dinámicamente usando Javascript
"cross-browser" en:
http://www.mozilla.org/docs/web-developer/css1technote/css1tojs.html.
Esta página también proporciona un Generador de Código para generar Javascript
"cross-browser" que le permitirá establecer propiedades CSS y que funciona en
Microsoft Internet Explorer, Netscape Navigator 4.x ys navegadores basados en
Mozilla.

Netscape también tiene un sitio dedicado a la promoción del desarrollo
cross-browser para Netscape 6 y el resto de los  navegadores basados en Mozilla,
así como para Microsoft internet Explorer, en:
http://developer.netscape.com/evangelism/

Echele un  vistazo al  "Detector Práctico de Navegadores" ("Practical Browser
Sniffer") que se encuentra en:
http://developer.netscape.com/evangelism/tools/practical-browser-sniffing/

Aprenda a actualizar sus páginas DHTML para que funcionen en Mozilla y Netscape
6 en:
http://developer.netscape.com/evangelism/docs/articles/updating-dhtml-web-pages/

Aprenda a diagnosticar cúales son los problemas que impiden que sus páginas web
se muestren correctamente en Mozilla y Netscape 6:
http://developer.netscape.com/evangelism/docs/articles/fep/

Recursos en castellano (entre ellos, traducciones de las especificaciones del W3C):
http://html.conclase.net/

En conclusión
.............

Un informe de bug existe en bugzilla, la base de datos de los bugs y páginas web
con errores que afectan Mozilla y navegadores basados en Gecko:

http://bugzilla.mozilla.org/show_bug.cgi?id=97457

Espero que la información contenida en esta carta le ayude a mejorar su sitio web.

Atentamente,

Pascal Chevrel

Comment 9

[Diego Biurrun]

Thanks for posting the letter Pascal.  However, I do believe that it is a little
too general to be helpful in this case.

> El código HTML enviado por el servidor tiene tantos errores que Mozilla no
> consigue representarlo (Internet Explorer 5 Mac también tiene problemas con
> esta página).

This paragraph can be translated as

  The HTML code sent by your server has so many errors that Mozilla cannot
  render it (IE5 Mac also has problems).

The problem is more specific, after reading Bzbarsky's comment in the dupe

http://bugzilla.mozilla.org/show_bug.cgi?id=111437#c1

I tried to debug the problem and it is not that grave.  They are using bad
comment syntax, in three different cases, correcting all comments solves the
rendering problem for me.

1) <!-->
   It should be <!-- -->.
2) <!----------------------------------------->
   Should be <!-- -------------------------- -->
3) <!-- onclick="//movimientofigureChic()" >
   Should be <!-- onclick="//movimientofigureChic()" -->

Assigning this to me, I will try to come up with a letter that describes the
specific details with instructions how to fix them to the webmaster.

Comment 10

[Diego Biurrun]

Assigning to myself, not Tristan, this time.

Comment 11

[Pascal Chevrel:pascalc]

The site seems to be Mozilla compatible now. Diego, could you please check it
out and eventually close the bug ?

Comment 12

[Diego Biurrun]

Yes, they apparently changed the site.  It does no longer contain the errors 1)
and 3).  This seems to fix the rendering problems.

The English version of the site does still have problem 2), see

http://w1.renfe.es/vbi/htvbiu00.html

and it is still misrendered.  Removing one line does fix the problem, though, so
I believe it should not be overly difficult to convince them to change that.

Comment 13

[Diego Biurrun]

Attachment: screenshot of badly rendered site

The screenshot clearly shows the problem - the site is unusable in this state.

Comment 14

[Diego Biurrun]

Webmaster contacted, let's hope they react.

Comment 15

[Diego Biurrun]

No reaction yet, trying another email address...

Comment 16

[Diego Biurrun]

I managed to contact somebody at RENFE, he promised to change the site last
week, I mailed him again after waiting one week with no changes to the site.  He
responded that they have various changes in the queue and want to apply it all
in one batch.  There's light at the end of the tunnel.

Comment 17

[Diego Biurrun]

Good news, everyone!  The site was apparently changed, no more problems with
Mozilla.

Comment 18

[Kai Lahmann (is there, where MNG is)]

move...