Overflow en IE6

7/Jul/2008 327

Ayayay cuántos dolores de cabeza he tenido a causa de Internet Explorer 6. Son bugs, fallas y mañas múltiples que se necesitan dotes de malabarista para conocerlos (ni siquiera trato de entenderlos; sólo sé que existen) y buscar una solución. He abarcado un montón de ellos aquí en CSSLab, y al parecer este es uno más de ellos ya que la lista parece ser interminable.

Desde que cambié el diseño de este sitio al actual donde la home tiene un scroll horizontal, no pude solucionarlo para IE6. Como ese es mi browser más odioado, lo dejé para ‘luego lo veo‘. Pero ya era hora de darle una solución final, y comencé a buscar sobre overflow: hidden en IE6. Precisamente, ese browser tiene un bug muy específico, que se da cuando tienes una caja contenedora que envuelve otra caja, y esta última tiene un position (relative o absolute) definido. Lo que sucede es que la caja que contiene no aplica el overflow: hidden; como debería, sin razón aparente.

Ver ejemplo 1

Maldito browser. No me canso de maldecirlo. 80% del mercado por puro monopolio. Bueno, la solución es demasiado simple, pero había que investigar un poco antes. Basta con aplicar position (relative o absolute) a la caja contenedora también y overflow funcionará para IE6.

Ver ejemplo final

Imagen en CSSLab de ejemplo de Overflow en IE6

Así que ya saben, si se dan esas condiciones y su caja no esconde el contenido como debería, probablemente esta es la solución. Pero cuidado, si tienen elementos flotando, quizás algún método de clearfix a la misma caja contenedora será necesario.

Comentarios

  1. reputable canadian pharmacy [#]

    online pharmacy

  2. HenryUnfiP [#]

    gay dating orlando
    free gay dating sites canada
    gay muscle dating sites

  3. Flisereen [#]

    http://prednisonebuyon.com/ – buy prednisone without a prescription

  4. pharmaceptica.com [#]

    online sildenafil 100 mg https://pharmaceptica.com/

  5. ivermectin 6 mg [#]

    Global Dope About this product
    https://stromectolivermect.com what is stromectol used for
    https://stromectolivermect.com ivermectin for coronavirus
    https://ivermectinst.com dosage for ivermectin in humans
    https://stromectolivermect.com ivermectin 6 mg
    https://ivermectinsts.com stromectol 3 mg tablets price

  6. stromectol [#]

    ivermectina http://stromectolforte.com/ stromectol ivermectin buy ivermectin canada

  7. fexofenadine side effects [#]

    name brand cetirizine – http://allergyd.com

  8. lytx [#]

    lynx login – https://allergyd.com

  9. allegra side effects in women [#]

    zyrtec allergy 10 mg dosage – http://allergyd.com

  10. lpggvlnzy [#]

    Q3j6UB zalxjzbiuqwk, [url=http://tksmubeqyyst.com/]tksmubeqyyst[/url], [link=http://kivpfdjxukxn.com/]kivpfdjxukxn[/link], http://puhoaevnqbtz.com/

  11. zyrtec on sale this week [#]

    drive cam lynx – http://allergyd.com

  12. prednisolonefordogs [#]

    how much is a prednisone prescription https://prednisolonesodiumphosphat.com/

  13. modafinilweightloss [#]

    modafinil for sale https://modafinilltop.com/

  14. bactrim side effects [#]

    sulfamethoxazole side effects bactrim dosing

  15. WayneRog [#]

    cialis without a pescripton cialis generic best price that accepts mastercard – buy cialis without prescription
    which one is better viagra cialis or laverta

  16. Carlblabs [#]

    generic cialis 20

  17. stromectolforte.com [#]

    ivermectin for humans for sale http://stromectolforte.com/ ivermectina para humanos ivermectin

  18. stromectolforte.com [#]

    ivermectin human dosage https://stromectolforte.com/# stromectol indications and usage comprimidos de estromectol

  19. WayneRog [#]

    cialis in melbourne cialis in usa – buying viagra or cialis min canada
    order cialis online no prescription reviews

  20. ivermectin human dosage [#]

    ivermectin 12 mg tablets for sale http://stromectolforte.com/# ivermectin for humans stromectol

  21. Yonblabs [#]

    cialis 10mg canadian pharmacy

  22. ivermectin for sale [#]

    General Message Fro this product
    https://ivermectinstrom.com ivermectin for humans for sale
    https://ivermectinsts.com ivermectin for sale
    https://ivermectstromect.com ivermectin for humans
    https://ivermectinstrom.com ivermectin tablets
    https://ivermectinsts.com ivermectin for humans

  23. bactrim drug class [#]

    trimoxazole 800 trimethoprim mechanism of action

  24. ivermectin for sale [#]

    Non-specific Low-down Far this by-product
    https://ivermectinst.com ivermectin over the counter
    https://ivermectinstrom.com ivermectin 3 mg
    https://ivermectinstrom.com ivermectin for humans pills 12 mg
    https://ivermectinstrom.com ivermectin for sale
    https://ivermectinstrom.com ivermectin 6 mg

  25. Anthonyslany [#]

    how viagra works buy viagra – viagra 100mg canada

  26. Anthonyslany [#]

    viagra users comments viagra essential oil – viagra history

  27. tadalafil 10mg [#]

    cost of cialis 20mg

CSSLab