Ésta es la página web de Público (www.publico.es) vista en algunos navegadores:
 |  |  |
| Mozilla Firefox | Opera | Apple Safari |
 |  |  |
| Google Chrome | Konqueror | MS Internet Explorer 6 |
Como pueden ver, la "cajita" con las previsiones metereológicas se ve bien, tres elementos que internamente son una lista que se crea dinámicamente con JavaScript y a los que se les ha dado estilo con CSS, alineándolos usando la propiedad float y eliminando el "bolo" que suelen tener las listas por defecto.
Todos los navegadores en los que hemos probado hasta ahora muestran este módulo correctamente, incluido el vetusto Internet Explorer 6.
Al probar la página en el nuevo IE8, nos hemos llevado una pequeña sorpresa:
La caja en las que se muestran las previsiones meteorológicas es como si no entendiese los estilos: los elementos de la lista no se muestran alineados horizontalmente y cada uno de ellos muestra el "bolo" típico de las listas. Podría pensarse que es un problema de los diseñadores, que no han sabido maquetar estos elementos correctamente, pero las reglas que han aplicado en este módulo son correctas.
Sin embargo, si activamos el botón de "Vista de compatibilidad", la página se muestra correctamente, como con los demás navegadores, incluido el predecesor, IE7.Según la página web de Microsoft, "no todos los sitios web están preparados para IE8" -- el original es éste:
"Internet Explorer 8 is a new release and some websites may not yet be ready for Internet Explorer 8".
Tras una breve investigación, al final Rodrigo y Daniel encontraron el problema: IE8 parece que tiene algunas incompatibilidades con una de las librerías de JavaScript más usadas (Prototype), el atributo HTML "class" y la propiedad DOM "className".
Los demás navegadores trabajan bien con el mismo código JavaScript, IE8 no. ¿Quién lo está haciendo bien y quién lo está haciendo mal?
Hasta ahora teníamos que hacer los desarrollos y diseños con tres navegadores: IE6, IE7 y el resto de navegadores. Ahora tendremos que incorporar otro. Por fortuna, ya hay trucos para forzar a IE8 para que se comporte como su antecesor.
Mira que bien, ya tengo interlocutor y ocasión para mencionarlo:Yo uso Opera, y en muuuuchas sub-webs -o como se diga- de público.es y de blogs.publico.es me encuentro con que no se me activa es despalzamiento horizontal -ni la barra lateral ni el scroll en ninguna de sus modalidades ratón o teclado-, incluída precisamente ésta, con lo que como mucho alcanzo a leer un poco más de lo mostrado vía zoom out (tan a mano como tecla + o -, directamente, en opera: glorioso), hasta donde me permite el ''entorno de ojos'' -esto último que suena a término informático, es lo más analógico del mundo, aclaro-, motivo por el que introduzco este comentario desde iE6, con el que por cierto me indica ''Listo pero con errores de página''...Sé que opera usa una máquina virtual java interna, y procesa el javascript a su modo, pero creo que el Chrome también...En fin, pues eso, que esto sólo me pasa con vosotros -hablo de tooooda la www, no sé cuales el problema, pero podrías indicarlo al maestro armero, o arreglarlo tú, o indicarme como solucionarlo yo sin tener que recurrir al iE, o lo que sea.Gracias.
ResponderEliminarLo lamento, pero algo han hecho con la página que llevo una semana o más sin poder acceder a público.es desde IExplorer 7.0 ni desde el omnipotente Mozilla Firefox, yo no he tocado nada, he deshabilitadl incluso el firewall por si las moscas, pero sigo igual.
ResponderEliminarYo, de dos ordenadores que tengo, en uno de ellos actualizé a IE8, y ya estoy arrepentido; prefiero la versión anterior IE7.En cualquier caso, desde que bajé Firefox y el nuevo Chrome de Google, casi no utilizo IE, que es el peor con diferencia y más lento.
ResponderEliminarPara HOYGAN:¿Qué versión de Opera usas? ¿Con qué resolución de pantalla? Me suena muy extraño, somos unos cuantos los que usamos Opera y no tenemos ese problema.Respecto al ''Listo pero con errores en la página'' de IE6, sólo puedo decir una cosa: es un navegador del año 2001 y estamos en el 2009. Estoy seguro que esos ''errores en la página'' no los da con las páginas diseñadas y programadas en esos años.Estamos en el 2009. IE6 es un lastre. ¿Se ve la información? ¿Se puede leer? ¿Sale más o menos bien maquetada? Pues ya está. No se le pueden pedir peras al olmo ;-)
ResponderEliminarPara jukar¿Podrías concretarnos un poco más? ¿No se carga *nada* o es que sale la página ''descuadrada''? ¿Podemos ponernos en contacto contigo por correo?
ResponderEliminarpues en firefox se ve de perlas, eso sí, deberiais alijerarla un poco pq se hace pesado tanto MB
ResponderEliminarPues yo uso el Mosaic y se ve todo sin problemas, cada cosa en su sitio y con una carga rapidísima.
ResponderEliminarPara PIRATE:Con Lynx y Links también carga rapidísimo ;-)
ResponderEliminarNo seré yo quien defienda a Micro$oft ni a sus productos ñapa porque no tienen perdón de Dios pero maquetar con js (usando Prototype)... tampoco parece la mejor solución cuando las cosas pueden hacerse directamente con CSS .. o usuando jQuery o extJS (que si son realmente cross-browser) no habría ese problema (puestos a maquetar con JS)En cualquier caso buen artículo, hace pensar que el 30% de cuota de Firefox subirá escandalosamente como en IE8 la mitad de las webs den errores con JS
ResponderEliminarPara Alex:No me expliqué muy bien. Lo que estábamos haciendo era ''pintar'' o ''inyectar'' HTML dinámicamente con JavaScript (Prototype). El problema es que al establecer el atributo ''class'' en los nodos que se intertaban dinámicamente el IE8 internamente ponía el atributo ''className'', por lo que las reglas CSS definidas para esta ''class'' no las leía.Parece que en IE8 la conversión entre atributos HTML (class) y propiedades DOM (className) no se hace igual que en el resto de los navegadores.Lo de pasarnos a jQuery es lo siguiente. Prototype, EMMO, está un poco anticuado.
ResponderEliminarPues ya q estamos.... Suelo entrar desde el navegador del Asus EEE 701, q creo q es firefox corriendo sobre un xandros trucado. En las entradas normales, no de viñeta, sólo se ve la primera respuesta. El resto se desplazan hacia la derecha y quedan oculta tras la columna.Sé q no es un equipo muy estándar, y no pensaba quejarme porq sé q está desfasado y tal, pero realmente sólo tengo ese problema aquí.Saludos,
ResponderEliminarVer las lamentaciones de los programadores por tener que soportar un nuevo producto imperfecto de Microsoft es un poco patético y tiene fácil solución. No soportarlo. Al hacerlo se sigue haciendo el juego a Microsoft y permitirle decir esas desfachateces como que los equivocados son todos los demás. ¿ Porqué no informar al usuario que su página no se va a mostrar correctamente por culpa del navegador que utiliza? Sería una solución limpia, expeditiva y que obligaría a Microsoft a respetar las reglas de diseño de páginas y no intentar imponer de facto estandares privados e ineficientes y hacer productos bien hechos (si es que sabe, claro)
ResponderEliminarHola,yo no puedo ver bien este blog con Firefox 2, el segundo comentario se solapa con ''Más Opinión'' y viñetas, a parte el texto es ilegible. Si quieres un pantallazo te lo envío.
ResponderEliminarPara Xavi:Gracias por avisarnos. Prueba Ctrl+Shift+R (eso refresca la caché del navegador) a ver si lo ves bien ahora.
ResponderEliminarHola,ahora sí. Gracias!Nosotros hemos hecho pruebas con IE8 y no hemos tenido problemas de compatibilidad.
ResponderEliminarEfectivamente David, he actualizado opera y ahora todo va de pitufa -y ya puedo entrar en gmail!! Gracias.
ResponderEliminarPara Comunero de CastillaEso lo podría hacer una página privada pero una profesional, cuyo objeto es conseguir cuantos más visitantes mejor, no puede rechazar a una parte importante de la comunidad (y menos a los usuarios de Internet Explorer que, por desgracia, siguen siendo la mayoría). Sería una técnica equivalente al ataque de una abeja, Publico se suicidaría solo para encajarle un pinchazo al gigante Microsoft...
ResponderEliminar@David Asorey ÁlvarezPues tiene usted entonces toda la razón, me callo la boca y es más ... me quedo impresionado (y me quito el sombrero) al encontrar a alguien (del mundillo técnico) que ante un crítica no sólo no responde con agresividad sino que razona ... un aplauso de verdad.PS: jQuery cuanto antes ... tu vida cambiará para siempre :P@Comunero de Castilla''¿ Porqué no informar al usuario que su página no se va a mostrar correctamente por culpa del navegador que utiliza?''
ResponderEliminarTengo instalado Internet explorer 8 en windows vista. Quiero instalar Java pero no me lo permite porque dice que debo activar en Herramientas, opciones avanzadas el casillero de java, pero este no esta en estas opciones. Como lo soluciono. porque hay paginas que no se cargan bien al no tener instalado el Java. Agradezco una solucion.
ResponderEliminarPues yo he entrado con IE8 y no he visto ningun fallo de los que mencionan. Asi que a dejar de tirarle al nuevo IE de Microsoft.
ResponderEliminarAh y para Karina, primero debes instalarte Java directo de la pagina de Sun (http://java.sun.com/javase/downloads/index.jsp) buscate JRE 6 Update 13 (es la ultima actualizacion hasta la fecha) e instalalo. Ya instalado si no lo quiere jalar, ahora si ve a Herramientas, Opciones de Internet, Opciones avanzadas, y en las opciones, entre Internacional y Multimedia, esta la opcion de Java, y debe estar activada, si no esta activada la activas, cierras tu navegador y lo reinicias, debe estar todo jalando a la perfeccion. Saludos.
ResponderEliminar