Cómo superar IE6-IE7-IE8 (y no morir en el intento)

10/Sep/2009 298

Este 2009 ha sido un año lleno de transiciones: llega IE8 pero aún persiste el fantasma de IE6; finalmente se ve un futuro más nítido con HTML5 y CSS3, pero persisten las limitaciones del soporte por parte de los fabricantes de browsers. Precisamente en ese purgatorio en que nos encontramos actualmente es cuando debemos ser más hábiles sobre qué, cómo y cuando utilizamos las herramientas que más nos acomoden. Personalmente y como he comentado anteriormente, he comenzado a utilizar propiedades CSS3 que me hacen utilizar menos tiempo y recursos en lograr los mismos efectos que antes me limitaba; me refiero a text-shadow, border-radius, opacity y rgba() entre otros. Si utilizas un browser moderno, los podrás apreciar sin problemas; caso contrario, de igual manera se desplegará la información pero la experiencia no será la misma – lo que se denomina como graceful degradation ó, a falta de una traducción literal, degradación elegante-. Tengo la fortuna de trabajar con clientes y colegas que comparten esta forma de trabajar, siempre mirando hacia adelante y no frenándose debido a limitaciones ajenas a nuestro poder.

Desarrollar pensando en 3 versiones de browser de una misma empresa, cada uno menos peor que el otro, es un problema grave. En este artículo, quiero compartir mi experiencia sobre cómo lograr los menos problemas posibles, creando un layout que se vea de manera similar en la mayoría de los navegadores disponibles en el mercado. Básicamente enunciaré algunos consejos prácticos que por mi experiencia ayudan en esta ardua tarea:

Usar un buen reseter CSS.

No pretendo difundir el mío, pero sinceramente no me ha dado problemas de ningún tipo y me acompaña siempre en mis grandes proyectos. Con él, me permito reescribir los estilos que defina como prioritarios, sin perder tiempo en arreglar los defectos de IE6. Un impresindible en grandes proyectos.

Entender cómo funciona IE6.

No basta con cabecearse cuando encuentras un descalce en tu layout que piensas funciona perfecto en todos los navegadores, hasta que lo pruebas en IE6. Deberías conocer -y prevenir- que IE6 tiene problemas posicionando relative/absolute/fixed, con el modelo de caja, doble margen a elementos flotados, utilizando z-index, soportando canal alpha para archivos PNG, con porcentaje como unidad de medida, con overflow, con pseudo-classes, con min-height, max-height, min-width, max-width… etc, etc, etc. Con eso en mente, puedes evitar muchos problemas desde el comienzo.

Tener mucho cuidado con IE7.

Microsoft lo presentó como una necesaria actualización a IE6, pero fue un gran FAIL. Arregló algunos bugs, pero sacó a luz otros nuevos; realmente me intriga qué sucede con el departamento de informática de esa compañía, cómo logran caer en los mismos errores una y otra vez. El principal problema de IE7 es el uso de position: relative/absolute aunque me he deparado con algunos errores menores por ahí.

Usar meta-tag para IE8.

Siento que Microsoft se apresuró mucho en lanzar IE8, probablemente presionada por las contínuas mejoras de sus compeditores Opera, Safari y Mozilla. A raíz de esto, he visto como de una actualización a la siguiente el comportamiento de este browser respecto al renderizado de HTML y CSS es muy diferente, muy pero my diferente; a tal nivel de que un cliente reclame que su nuevo y flamante sitio no se vea bien en este navegador, y antes que yo pudiera investigar qué estaba sucediendo el cliente me comenta:

Bah, ahora se ve bien… actualice IE8 anoche y se arregló.

Mi solución hasta ahora es una alternativa que viene de la misma casa de Redmont: una etiqueta <meta> que hace que IE8 se comporte como si fuera IE7; así de simple. Hace lo mismo que el Compatibility Button, pero lo ejecuta desde el comienzo de la carga del documento:

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>

Probar, probar, probar…

Aunque seas un master de las hojas de estilo y del HTML, no deberías dejar para el final probar en los principales browser, y menos aún confiarte del preview de Dreameaver (grave error); debes probar casi que a cada nueva definición de propiedad. El costo de volver atrás es muy alto como para arriesgarte, no pierdas tu tiempo por confiarte demasiado. Probando en Safari y Firefox primero, luego en IE7 e IE6 para los detalles menores… pero nunca, nunca maquetar para IE: lo más seguro es que tendrás que deshacer más de lo que ya hayas hecho.

Links

Comentarios

  1. ivermectin1.com [#]

    ivermectin buy australia Como superar IE6-IE7-IE8 (y no morir en el intento) | CSSLab | Laboratorio de ideas web https://ivermectin1.com/ ivermectin over counter

  2. ivermectin [#]

    ivermectina compresse uk Como superar IE6-IE7-IE8 (y no morir en el intento) | CSSLab | Laboratorio de ideas web https://ivermectin1.com/ buy ivermectin for humans

  3. golden goose [#]

    I’m also writing to let you be aware of of the perfect encounter my friend’s daughter found checking your webblog. She mastered so many things, with the inclusion of what it’s like to have a very effective helping heart to get others without difficulty know certain very confusing subject areas. You truly surpassed my desires. Thanks for rendering the powerful, trusted, edifying and also fun thoughts on that topic to Julie.

  4. curry 8 [#]

    I am just writing to let you be aware of what a incredible encounter my girl went through browsing your blog. She noticed a lot of details, with the inclusion of what it is like to have an excellent coaching mindset to make other folks easily know specific hard to do matters. You actually did more than our own expected results. Many thanks for showing the valuable, safe, explanatory and even easy thoughts on your topic to Ethel.

  5. jordan 12 [#]

    I simply wanted to develop a small remark in order to appreciate you for these remarkable pointers you are showing on this site. My prolonged internet research has at the end of the day been rewarded with pleasant suggestions to go over with my best friends. I would express that many of us site visitors are quite lucky to live in a magnificent place with many awesome individuals with interesting techniques. I feel extremely fortunate to have seen the webpages and look forward to many more enjoyable moments reading here. Thank you again for everything.

  6. curry shoes [#]

    I enjoy you because of all of your efforts on this site. Gloria takes pleasure in carrying out research and it’s really easy to understand why. All of us learn all of the dynamic tactic you deliver good tricks by means of the website and even cause contribution from other people on that concern plus our own simple princess is in fact becoming educated a lot. Have fun with the rest of the year. You have been doing a fabulous job.

  7. paul george shoes [#]

    I am commenting to make you understand what a brilliant discovery my friend’s daughter encountered reading your site. She noticed several issues, including what it is like to possess an amazing teaching heart to make certain people very easily know several very confusing matters. You actually did more than people’s desires. Thanks for presenting those insightful, trusted, explanatory as well as easy tips about that topic to Kate.

  8. authentic jordans [#]

    I needed to create you that little note so as to give many thanks as before considering the remarkable ideas you have discussed here. It has been certainly unbelievably open-handed with you to offer extensively precisely what a lot of people would have offered as an e book to make some cash for their own end, most importantly considering the fact that you might have tried it if you wanted. Those solutions in addition acted to become fantastic way to recognize that other people online have the identical desire similar to my very own to see very much more around this matter. I’m certain there are millions of more fun situations ahead for people who take a look at your website.

  9. ruud-ac-installation-repair.com [#]

    High quality supplements help you build the body of your dreams.
    If you wish nothing but the best for your silhouette and health,
    be sure to get steroids from the Balkan pharmaceuticals.
    Balkan Pharmaceuticals is one of the largest manufacturers of quality goods.
    In our store, there are only original items obtained directly from the industry.
    Popular Supplements: Steroids, Fat-Burners,
    Post-Cycle Therapy (PCT), Combined Course and others.

    ruud-ac-installation-repair.com
    Repairing an air conditioner is not the easiest thing
    to do.
    san-francisco-air-control.com https://phoenix-viking-repair-guys.com

  10. kobe sneakers [#]

    I’m just writing to make you understand of the outstanding encounter my cousin’s child found using your site. She picked up a lot of issues, which included what it is like to have an excellent teaching character to get other folks without problems master a variety of extremely tough matters. You really surpassed our own desires. Thanks for displaying the useful, healthy, edifying as well as fun guidance on that topic to Sandra.

  11. kyrie shoes [#]

    I simply needed to appreciate you once more. I’m not certain the things that I would have undertaken without the tips and hints shared by you concerning such a theme. It was a challenging situation in my opinion, but understanding this skilled strategy you resolved that took me to jump for gladness. Now i am grateful for your support and then sincerely hope you comprehend what an amazing job that you are accomplishing educating men and women through the use of your web page. Most probably you haven’t encountered all of us.

  12. jordan 13 [#]

    I enjoy you because of each of your hard work on this blog. My mom takes pleasure in managing investigations and it’s really easy to see why. A lot of people learn all regarding the lively medium you render very useful ideas by means of the web blog and as well invigorate contribution from others on this subject plus our simple princess is without question discovering a whole lot. Enjoy the rest of the new year. You are doing a great job.

  13. a bathing ape [#]

    Thanks a lot for providing individuals with remarkably splendid chance to read from this website. It can be so nice and also stuffed with a good time for me personally and my office co-workers to visit your website a minimum of thrice weekly to see the fresh stuff you have got. And indeed, I am also at all times happy considering the unique creative ideas you give. Certain 2 ideas on this page are certainly the finest I have ever had.

  14. air jordan [#]

    I needed to draft you one bit of observation to thank you so much again for the pleasing information you’ve shown on this page. This is so tremendously generous of you giving without restraint all a number of people could possibly have offered for an ebook in making some profit for themselves, most notably considering the fact that you could have done it if you ever desired. The things also acted as a fantastic way to fully grasp other people have a similar dream just as my own to understand a whole lot more concerning this problem. Certainly there are several more pleasant periods up front for those who look into your site.

  15. kd shoes [#]

    I actually wanted to develop a simple comment so as to say thanks to you for those fabulous instructions you are placing on this site. My long internet investigation has at the end been honored with reasonable facts and strategies to share with my guests. I ‘d admit that we visitors are extremely endowed to exist in a useful site with many awesome professionals with helpful suggestions. I feel really fortunate to have used your webpage and look forward to so many more excellent times reading here. Thanks a lot once again for all the details.

  16. golden goose sneakers [#]

    I as well as my guys came examining the great guides located on your web blog while then I got an awful feeling I never expressed respect to you for those techniques. The women came for this reason very interested to read them and have certainly been taking advantage of these things. Thank you for turning out to be so considerate and also for making a choice on variety of smart subject matter most people are really desperate to be aware of. Our own sincere apologies for not saying thanks to you sooner.

  17. golden goose outlet [#]

    Thank you for your entire work on this website. Kate enjoys setting aside time for internet research and it is simple to grasp why. Almost all learn all relating to the compelling way you produce vital things on the blog and therefore increase contribution from other ones on that point so my daughter is really learning a whole lot. Take pleasure in the rest of the new year. Your conducting a terrific job.

  18. curry 7 shoes [#]

    I just wanted to send a quick remark so as to say thanks to you for some of the great points you are giving at this website. My time consuming internet investigation has now been rewarded with pleasant content to go over with my visitors. I ‘d say that many of us website visitors actually are unquestionably blessed to live in a very good network with so many brilliant individuals with beneficial pointers. I feel quite happy to have discovered your entire weblog and look forward to many more cool times reading here. Thanks a lot again for all the details.

  19. supreme hoodie [#]

    I am commenting to let you be aware of of the beneficial experience my friend’s daughter found reading through your blog. She came to find so many pieces, with the inclusion of what it is like to have a wonderful helping character to get the mediocre ones effortlessly learn specified very confusing subject areas. You truly exceeded my expected results. Many thanks for presenting the beneficial, trustworthy, revealing and even unique guidance on the topic to Mary.

  20. yeezy 500 [#]

    I have to point out my passion for your kindness giving support to men who require guidance on this one study. Your very own commitment to passing the solution around ended up being definitely valuable and has consistently allowed individuals just like me to arrive at their ambitions. Your amazing important tutorial means much a person like me and far more to my colleagues. Best wishes; from everyone of us.

  21. jordan shoes [#]

    I wish to express thanks to the writer just for rescuing me from this particular matter. Right after searching through the world wide web and getting thoughts that were not helpful, I believed my life was gone. Living without the presence of strategies to the issues you have sorted out by means of your entire article is a crucial case, as well as the kind which may have adversely damaged my entire career if I had not come across your web blog. Your actual talents and kindness in controlling all the stuff was invaluable. I don’t know what I would have done if I had not discovered such a stuff like this. It’s possible to now look forward to my future. Thanks so much for your expert and result oriented help. I will not think twice to endorse your web page to anyone who needs to have support on this problem.

  22. supreme shirt [#]

    Thank you for your own efforts on this site. My mother really loves doing research and it is easy to see why. I notice all relating to the dynamic mode you create useful items on this website and attract response from people on that area of interest while our daughter has been learning a great deal. Take advantage of the rest of the year. You’re carrying out a fabulous job.

  23. zithromaxeska [#]

    z pak strength zithromax antibiotico z pack dosage for uti

  24. 5 mg zyrtec children [#]

    zyrtec coupons to print on computer – http://allergyd.com

  25. pharmaceptica [#]

    side effects for tadalafil https://www.pharmaceptica.com/

  26. birkin bag [#]

    I wish to show my passion for your generosity giving support to individuals that really want assistance with this particular topic. Your personal dedication to passing the solution up and down became really effective and have surely empowered people like me to attain their ambitions. This warm and helpful report can mean so much a person like me and further more to my office colleagues. Best wishes; from all of us.

  27. off white hoodie [#]

    I together with my pals appeared to be taking note of the best thoughts found on the website while immediately I got a horrible suspicion I never thanked the web site owner for those secrets. Those ladies are actually for that reason glad to see all of them and now have surely been tapping into those things. Appreciate your genuinely indeed accommodating and for figuring out variety of fantastic ideas most people are really eager to be informed on. My very own sincere regret for not saying thanks to sooner.

  28. cheap jordans [#]

    Thanks so much for providing individuals with remarkably pleasant chance to read in detail from this site. It is always very awesome and jam-packed with fun for me and my office fellow workers to visit your blog at the least thrice a week to learn the fresh secrets you will have. And indeed, we are at all times contented with your awesome methods you give. Some 1 points in this posting are undoubtedly the best we have had.

  29. off white [#]

    Thank you for all of the labor on this blog. My mother take interest in managing investigation and it is obvious why. I notice all relating to the dynamic ways you make sensible items via the website and as well as welcome participation from website visitors on the concept plus our own child is always learning so much. Take pleasure in the rest of the new year. You are always conducting a dazzling job.

  30. supreme hoodie [#]

    My wife and i got so comfortable that Chris managed to finish up his researching out of the precious recommendations he made using your site. It’s not at all simplistic to simply possibly be making a gift of guidelines which usually a number of people may have been trying to sell. And we all figure out we now have the writer to give thanks to because of that. All the explanations you have made, the easy blog navigation, the relationships you will make it easier to create – it is most remarkable, and it is aiding our son in addition to us do think this matter is exciting, and that is highly indispensable. Thank you for the whole lot!

  31. kd 12 [#]

    I have to show some appreciation to the writer for bailing me out of this predicament. After checking throughout the world-wide-web and coming across views which are not productive, I figured my life was done. Living devoid of the answers to the problems you have resolved all through your report is a serious case, and the ones that could have negatively affected my entire career if I had not encountered your web blog. Your own personal skills and kindness in handling every part was priceless. I don’t know what I would’ve done if I hadn’t encountered such a subject like this. It’s possible to at this time look forward to my future. Thank you very much for the expert and results-oriented help. I will not hesitate to refer your web blog to any individual who would need direction on this issue.

  32. stromectolforte.com [#]

    ivermectin over counter https://stromectolforte.com/ stromectol for sale ivermectin for humans dosage

  33. prednisoneonline [#]

    https://prednisolonesodiumphosphat.com/ prednisolone for dogs

  34. provigilreviews [#]

    https://modafinilpleasure.com/ modafinil prescription online

  35. bactrim for uti [#]

    trimoxazole tablets side effects for sulfamethoxazole trimethoprim

  36. golden goose [#]

    I and my friends came examining the best techniques on your site and suddenly I had a horrible feeling I had not thanked the web site owner for those tips. All of the women came consequently glad to see all of them and now have undoubtedly been taking pleasure in them. I appreciate you for being considerably thoughtful and then for choosing certain notable subject areas millions of individuals are really desirous to understand about. My personal sincere apologies for not expressing gratitude to you sooner.

  37. birkin bag [#]

    I must get across my admiration for your kind-heartedness for folks that have the need for help on in this concern. Your very own dedication to getting the message all-around was really interesting and has always allowed professionals much like me to attain their ambitions. Your own warm and helpful publication means so much to me and further more to my mates. Many thanks; from everyone of us.

  38. lebron 17 [#]

    Thank you a lot for providing individuals with such a brilliant possiblity to read from here. It is usually so good plus packed with amusement for me and my office peers to visit your website at the very least three times in a week to read through the fresh guidance you have got. And lastly, we’re always fulfilled for the remarkable tactics you serve. Some 2 facts in this article are without a doubt the most effective we’ve had.

  39. golden goose shoes [#]

    I truly wanted to write a brief remark to be able to thank you for these precious strategies you are giving at this website. My time consuming internet look up has finally been rewarded with reasonable tips to share with my great friends. I ‘d suppose that we visitors are very much endowed to live in a very good network with very many awesome people with great strategies. I feel quite grateful to have come across the webpage and look forward to many more exciting moments reading here. Thanks a lot once more for everything.

  40. yeezy boost 350 [#]

    I precisely desired to appreciate you yet again. I’m not certain what I might have achieved in the absence of the entire tactics contributed by you over this subject matter. It had been a real difficult issue for me, however , coming across a expert mode you handled it made me to leap over fulfillment. Extremely happy for your help and even hope that you really know what a powerful job you have been carrying out instructing people today through the use of a blog. Most probably you’ve never come across any of us.

  41. yeezy supply [#]

    My husband and i ended up being so cheerful Michael could finish up his studies from your ideas he gained when using the web page. It’s not at all simplistic to just continually be giving away instructions which a number of people may have been making money from. And now we realize we have got the blog owner to be grateful to for that. Those illustrations you have made, the simple blog navigation, the relationships you will help engender – it’s got all incredible, and it’s really leading our son in addition to the family feel that this content is excellent, which is particularly important. Many thanks for the whole thing!

  42. stone island [#]

    I just wanted to construct a brief note so as to appreciate you for these marvelous facts you are posting on this site. My rather long internet research has finally been compensated with sensible points to talk about with my companions. I would suppose that many of us website visitors actually are very lucky to live in a very good site with so many brilliant professionals with insightful techniques. I feel quite blessed to have discovered the website page and look forward to some more pleasurable times reading here. Thanks once more for all the details.

  43. stromectol for sale [#]

    stromectol usa http://stromectolforte.com/ ivermectin 1 creme generisk pilulka stromectolu

  44. accutane coupon [#]

    isotretinoine accutane coupon

  45. ordermodafinil [#]

    buy modafinil online buy modafinil reddit

  46. bactrim and alcohol [#]

    sulfamethoxazole sulfamethoxazole tmp ds

  47. provigiluses [#]

    modafinil provigil nuvigil vs provigil

  48. provigilmedication [#]

    modafinil 200mg provigil for sale

CSSLab