Me cago en el UTF-8

Internet      12 Marzo, 2008      1919 lecturas      18 comentarios

Por si hay alguna duda sobre lo que es el UTF-8, copio y pego la definición de UTF-8 que he visto en Sentido Web:

UTF-8 es un tipo de codificación de caracteres para Unicode que nos permite escribir nuestras páginas web y no preocuparnos por si se va a ver correctamente o van a aparecer caracteres extraños.

Mensaje subliminal: copy&paste, así… descaradamente sin parpadear, pero siempre citando las fuentes ehh!! así que no me peguen con el mechero jeje

Podría haber copiado la definición de wikipedia pero sinceramente no entendido ni papa..

A lo que iba a decir… hoy, en el curro me han pedido para arreglar unas tildes que no se mostraban en un formulario, aquí tenéis el documento gráfico:

utf-8

Me puse manos al teclado y remplacé:
<meta http-equiv=”Content-Type” content=”text/html; charset=ISO-8859-1″ />

Por:
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />

Una vez hecha la modificación parecía que el problema ya estaba solucionado y que se veía filete en todos los navegadores. menos en uno…

¿Adivinan cual?

utf-8

INTERNET EXPLORER 6

Nunca había visto nada parecido desde que navegué por primera vez con opera (es coña, opera es muy gran jeje)

En estas situaciones uno tiene que calmar los nervios, morderse la lengua y no pegar al compañero de al lado que usa internet explorer 6.

Como se puede ver en las imagenes, el problema esta en el CSS que no termina de cargar, así que vamos a ver la hoja de estilos (stylesheet o styleshit para los amigos del humor)

utf-8

Parece que la “ó” de “información” se remplaza por un rectángulo y hace que internet explorer, ignore el resto del CSS.

Para solucionarlo tan sólo quité las tildes del CSS, nada de rezar a fatima, besar los pies del papa o subirse al Himalaya !!

Nota mental: Espero que si alguien sufre por lo mismo, a parte de acordarse de la madre que parió a Bill Gates, se acuerden también de mi jeje

Y me despido con la canción You are not alone de Michael Jackson, la dedico a todos los que sufren como un servidor la maldición de 100 años de microsoft, que aún que para algunos sea windows, para mi siempre va a ser internet explorer.

Lecciones aprendidas hoy:

  • Internet Explorer es una mierda pinchada en un palo
  • Los pequeños fallos son los que producen mayor dolor de cabeza
  • Michael Jackson aún sigue vivo
Compartir   twitter   del.icio.us   webeame   meneame   stumbleupon   mr.wong   ?  


  1. Dogguie

    Muy buen post…

    Definitivamente en aglún momento tomaré mano de tu experiencia. No sabía que pasaban esas catástrofes tan vergonzosas en IE. Esto ya es el colmo.


    Voy a revisar mi css :D jaja



  2. homer0

    Sip, es lo mas molesto q del laburo, la validacion en los distintos navegadoes-> Firefox lo ve como se hizo -> IE7 casi lo ve -> IE6….


    pero te tiro de dato q es recomendable escribir con entidades html


    salu2 y suerte



  3. gafeman

    @Dogguie: si funciona no lo toques, regla nº1 de la himformatica


    @homer0: si tienes razon sobre lo de usar entidades html para que valide y eso pero en una hoja css no tiene mucho sentido opino


    gracias por los comentarios !



  4. álvaro

    Hombre, no es problema del UTF-8. Le estás indicando una codificación a un fichero que tiene otra codificación: tendrías que hacer la conversión de codificación del fichero.


    Pero si, fuera IE :)



  5. Luis Vivas

    Já, tienes toda la razón en “Los pequeños fallos son los que producen mayor dolor de cabeza”, en estas noches estuve pegado hasta las 4 a.m. por que no me funcionaba un php upload, resulta que ha sido el valor de upload_max_filesized, carajo, yo solo miraba el post_max_size.


    Salu2



  6. Angelfire

    Lo tuyo estuvo breve, yo casi me capo cuando esto paso con wordpress, creo que fue en la versión 2.3, donde se cambiaron a UTF-8 y todos esos caracteres se veian un desastre, por ahi creo que se me han escapado unos posts sin corregir. :S


    Internet Explorer es una mierda pinchada en un palo


    Eso ya lo sabias no? XD



  7. Imzyos

    haz probado con esta directiva en tu css?


    @charset “UTF-8″;



  8. FeLiPe RM

    La pregunta del millón es, ¿quien puso el acento de “información” en el css? ¿no serías tu verdad? :-P xD


    Saludos ;-)



  9. Himliano

    La gente que sigue usando IE6 habiendo alternativas gratuitas que le dan mil vueltas se merecen que un desarrollador entre en su casa y le cosan al cara a ostias coño ya!!!


    xDDDDDDDDDDDDDDDD


    Venga hombre!! Get Firefox para todos!! Invito yo!!



  10. gafeman

    actualizo el enlace de la entrada


    que cagada!! en la primera imagen puse el resultado final y tenia que haver puesto esta:

    http://www.viciao2k3.net/blog/wp-content/uploads/2008/03/11.jpg


    @álvaro: bienvenido, gracias por comentar! tu no lo sabes, pero te tengo en mi lector de feeds jeje


    @Luis Vivas: ya te digo, hay veces que cuando sabes lo que falla te se queda una cara de tonto (o almenos en mi caso xD)


    @Angelfire: fuah q mala suerte tubiste, a mi entro miedo escenico al pensar que me pasaria lo mismo, pero por suerte la actualizacion fue como la seda


    @Imzyos: vaya pues la verdad es que no.. :P gracias por aclararlo y por el enlace ahora ya no hay duda que información tiene tilde ;)


    @FeLiPe RM: yo que va, con lo catalan que soy me ahorro hasta las tildes jeje



  11. [DoodoM]

    Reconozco que el UTF-8 puede ser un poco coñazo, pero aunque incómodo es recomendable utilizarlo debido a que es un estándar y es la codificación de caracteres que se debe usar en XML y se recomienda utilizar en XHTML.


    Si te interesa puedes ver una tabla de caracteres con su correspondiente equivalencia para UTF-8 (HTML Name o HTML Number) aquí:

    http://www.ascii.cl/htmlcodes.htm


    Saludos. :)



  12. grunch0

    Yo por si acaso nunca pongo tildes.. cuando leo css de wordpress (los típicos themes famosetes de wordpress) siempre estan llenitos de stupid ie.. stupid ie.. mujaja todos lo odiamos xD


    saludos!



  13. Luis Alejandro

    jejejeje cuando no el IE jodiendo la paciencia… Pero te digo unas cuantas cosas que me quitaron el dolor de cabeza :D


    Quita los comentarios del CSS ;)


    Usa un CSS Compressor (te quita los comentarios): http://www.peterbe.com/plog/blogitem-040406-1/compressor


    e implementa la compresión gzip on-the-fly via PHP: http://nitan.pcriot.com/herramientas-para-webmasters-compresion-gzip-para-php-css-y-js/


    Mejora la carga de tu página y te quita esos dolorcitos de cabeza ;) , si crees que se va a ver “feo” el conteido de tu CSS (se va a comprimir), es cierto… Pero para qué quieres que se vea “bonito”? xDD



  14. Luis Alejandro

    Por cierto… me imagino que mi comentario anterior se fue a tu lista de Spam por contener dos links xDD


    Me lo rescatas de ahí, por favor? :P



  15. Luis Alejandro

    Estoy empezando a pensar que mi blog está en la lista de spammers comunes O.o


    En el de Dogguie no aparecen mis comentarios cuando pongo la dirección de mi blog y en el tuyo tampoco O.o


    :’(



  16. Victor San Martin

    jajaja esta filete el articulo, hace no mucho a un amigo le paso algo similar, si uno trabaja con utf-8 hay que fijarse, en la codificación que ocupas en tu editor y con la que guardas el archivo, además de la codificación del servidor y la codificación de base de datos, si uno falla o esta mal configurado, hay problemas.


    Saludos



  17. Merrin

    Yo ya pasé por lo mismo que tú y hace tiempo que eliminé las tildes de los CSS. Lo peor de todo no es eso, lo peor es que sigue habiendo gente que te pide que la se vea en IE y al resto que les den por culo (lo he sufrido en mis carnes).