Chyba "Mizející text v IE" (Peek-a-boo bug)

Symptomy

Chyba se vyskytuje v Internet Exploreru verze 6. Projevuje se tím, že se nevykreslí část textu. Text jde ale normálně označit myší a na odkazy jde klikat.

Podmínky výskytu

  • Internet Explorer verze 6.
  • Existuje blok, který má definované pozadí (background) a nemá definované rozměry (width, height).
  • V něm existuje plovoucí blok (float).
  • Za ním obtéká další blok, který je menší.
  • Za nimi následuje další blok, který ruší obtékání (clear).

Řešení

Řešením je eliminovat kteroukoli z podmínek, která výskyt chyby zapřičiňuje. Například nastavit šířku rodičovského a to klidně i na 100% šířky (width:100%;).

Seznam CSS hacků, chyb a specifických intepretací

Ing. Petr Hladiš | Email: info@petr-hladis.cz | Tel.: +420 603 171 642