Italika zvětšuje šířku bloku v MSIE

Právě jsem strávil skoro dvě hodiny hledáním chyby v beztabulkovém layoutu a výsledkem bylo, že jsem zjistil následující:

Použití italiky případně značky <em> zvětšuje šířku bloku v prohlížeči Microsoft Internet Explorer.

Řešení

Našel jsem hned několik řešení: 1. nepoužívat italiku a <em> 2. nastavit v příslušném stylu buď menší letter-spacing nebo menší word-spacing (to je možná lepší): em {word-spacing:-1px} 3. nadřazenému prvku nastavit „ořezávání“ pomocí vlastnosti overflow: #container {overflow:hidden}

Setkali jste se s něčím podobným? Napadá vás nějaké lepší řešení?

Dodatečně jsem narazil na článek pojednávající o tomto problému: IE and italics

Komentáře

Přidej komentář

Pište prosím slušně, s diakritikou a k věci. Dodržujte pravidla a využijte možnosti formátování uvedená pod formulářem.

Email nebude zveřejněn

Pravidla a možnosti formátování

  • Nepoužívejte HTML značky, blog podporuje formátování texy. Nový odstavec získáte 2x odřádkováním, odkaz: "text odkazu":odkaz, **tučně**, *kurzíva*
  • Adresy začínající na http:// budou automaticky převedeny na odkazy
  • Jediné dvě povinné položky formuláře jsou Jméno a zpráva
  • Na předchozí komentáře odkazujte zápisem [2]

 

Sekce