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

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

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

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

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

Похожие публикации:

  1. Эмуляция border-color: transparent в Internet Explorer 6
    К сожалению, Internet Explorer 6 не поддерживает прозрачность для рамок. В CSS это выглядит как border-color: transparent. Поэтому корректно работающий...
  2. Эмуляция position: fixed в Internet Explorer 6
    Internet Explorer 6 не поддерживает CSS-свойство position: fixed position, поэтому для эмуляции данного эффекта используют position: absolute и CSS expression....
  3. Поддержка RGBA в Internet Explorer
    Как известно Internet Explorer не поддерживает указание цвета в RGBA, но большая часть фильтров понимает цвет в формате ARGB (alfa,...
  4. Трехпиксельный баг Internet Explorer
    Верстая макет для сайта, столкнулся с тем, что после слоя с float: left появился отступ в три пикселя. Много слышал...
  5. Треугольные булеты в меню
    Чтобы в вашем списке ссылок (меню) использовать треугольные булеты (маркеры), для этого необязательно рисовать картинку, можно немного поиграться с бордерами,...

Теги: , ,

Оставить комментарий

При написании кода в комментариях вы можете использовать Zen Coding для быстрого ввода HTML.