Курсивный баг Internet Explorer 6

При использовании курсива Internet Explorer 6 увеличивает ширину блока с текстом, что может запросто развалить ваш макет.

Причины возникновения проблемы:.

  • длина строки текста, содержание и шрифт;
  • несколько слов написанных курсивом  (возможно, в середине текста);
  • наличие слова, написанного курсивом в начале или конце строки;
  • проблема проявляет себя тем чаще, чем больше курсивного текста;
  • проблема возникает ещё чаще, если курсивный текст выровнен по ширине (text-align:justify);
  • проблема проявляется независимо от того каким образом получен курсивный текст
    (используеться ли элемент em, i или text-style: italic);

Решается простое:


<style>
.block {
    height:1%; /* hasLayout=true */
    overflow: visible;
}
</style>

Для вставки кода используйте HTML-теги
<pre><code class="php">ваш код</code></pre>

  • disqusashto

    проявляетЬся: tsya.ru

    • Спасибо, поправил )

  • Спасибо большое