Свежие записи

  • Php: правильно считаем количество символов в строке
  • WordPress: как сразу узнать, подписан ли комментатор на ответы
  • Табличные значения display: table, table-cell, table-row, table-column, и другие
  • Display: inline-block, или на грани кроссбраузерности
  • Волшебное свойство display, или типы отображения элементов html

Популярные статьи

  • Подключение собственных скриптов к Mozilla Firefox: плагин Greasemonkey
  • «Робин из Шервуда»: сайты для героев фильма (3)
  • Display: inline-block, или на грани кроссбраузерности
  • Волшебное свойство display, или типы отображения элементов html

Последние комментарии

  • Строитель к Wordpress: как сразу узнать, подписан ли комментатор на ответы
  • Строитель к Wordpress: как сразу узнать, подписан ли комментатор на ответы
  • Dneprolab к Wordpress: как сразу узнать, подписан ли комментатор на ответы
  • Revski к Как прижать футер к низу страницы (руководство к действию)
  • Revski к Как прижать футер к низу страницы (руководство к действию)

Глюки и хаки: ie7

28 февраля 2010. Рубрики: Рабочие заметки; автор — Княгиня.

IE7 «порадовал» меня необъяснимым глюком. Без видимой причины вдруг пункты в нумерованном списке (ol) стали нумероваться одним и тем же первым номером. Видимой причины такого поведения не было, пришлось искать методом исключения. Причина нашлась, и выглядела она так:

li{
  min-height:1.2em;
}

Это правило потребовалось для Фаерфокса, который «схлопывает» пустые строки в списке (только номера друг на друга наезжают). Предполагалось, что администратор сайта имеет право делать в списке пустые пункты, значит, должны быть пустые строки. С номерами. Пустые строки появились, а седьмой ИЕ перестал нумеровать список. Пришлось написать хак специально для него, родимого:

li{
  min-height:auto;
}

Надо сказать, что шестой и восьмой ИЕ глюк своего собрата не разделяют. А я так и не поняла, какую связь он нашёл между высотой строки и её номером в списке.

Понравилось? Самое время поделиться заметкой!

Поделиться в FacebookОпубликовать в twitter.comПоделиться ВКонтактеПоделиться В Моем МиреОпубликовать в своем блоге livejournal.com

Также рекомендую:
  1. Глюки и хаки: ie7 (2)
  2. Как прижать футер к низу страницы (руководство к действию)
  3. Волшебное свойство display, или типы отображения элементов html
Отзывы (4) на «Глюки и хаки: ie7»
  1. Николай (2 комментария)

    января 14, 2011 в 19:15

    Проблема в том что каждый layout имеет свой счетчик. У меня сейчас это был zoom:1; У вас min-height

    Ответить на этот комментарий
    • Княгиня (242 комментария)

      января 14, 2011 в 19:48

      Ваш ответ интригующе не закончен. :) Каким образом min-height связана со счётчиком?

      Ответить на этот комментарий
      • Николай (2 комментария)

        января 15, 2011 в 01:28

        В IE (во всяком случае в старых) есть мифическое невидимое свойство у элементов hasLayout. Включается оно min-height (и подобными) или overflow: hidden или zoom:1 и еще какими-то свойствами. Вообщем это мифическое hasLayout порой помогает устранять проблемы в IE если элемент неправильно выглядит – не так как во всех браузерах (тут как повезет), или например если включить hasLayout к display:inline, то объект станет inline-block (ибо просто inline-block нету такого значения у display).
        Итак в вашем случае, вы включали min-height (что включало hasLayout), а в моем zoom:1. Я применял это свойство для каждого , а это через какую то ж… в IE создает индивидуальный счетчик для каждого элемента))) В итоге везде 1-1-1-1. Вроде так и оказалось :)

        Ответить на этот комментарий
        • Княгиня (242 комментария)

          января 15, 2011 в 14:33

          О, спасибо. Очень интересно. Я про hasLayout слышала, но внятного описания в стандартах не нашла и по сию пору не считала нужным знакомиться ближе. Правда, в моём случае у списка была нумерация вроде VII-VII-VII-VII — это дополнительно сбило с толку и заставило проверять варианты без римских цифр и с единицы. Ну, и понятно, что шестой ИЕ не понимает min-height, потому и не сбивал нумерацию. Видимо, у восьмого этой напасти уже нет.

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

Есть что сказать? Не молчим!

Нажмите, чтобы отменить ответ.

Используйте теги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <s> <pre class="" code=""> <ul> <li> <ol> .

=) 8) :( ;) :P :-D =-O :-! *IN LOVE* %) *CRAZY* Еще смайлы
O=) :-[ :-* :-x >:o :-| :-/ *JOKINGLY* ]:-> [:-} *KISSED* *TIRED* *STOP* *KISSING* *ROSE* *THUMBS UP* *DRINK* @= *HELP* *MACHO* *OK* *WASSUP* *SORRY* *BRAVO* *LOL* *PARDON* *NO* *UNKNOWN* *DANCE* *YAHOO*

Ссылки с комментариев dofollow. Ознакомьтесь, пожалуйста, с правилами комментирования.

Подписаться на обновления

Лучшее в блоге

  • Доктайп в html
  • Css: селекторы атрибутов
  • Прижимаем футер
  • IT-мифология

Рубрики

  • Рабочие заметки (58)
  • Юмор (60)
    • Афоризмы (15)
    • Курьёзы (22)
  • Интернет (26)
  • Разное (13)
Юлия Панина. Фото

Универстальные премудрости

Блог верстальщика

Мысль дня

Все, что я должна, записано в налоговом кодексе. Что не должна — в уголовном. Остальное лирика.

  • Об авторе
  • Правила комментирования
  • Карта сайта
  • Рекомендую
Дизайн и вёрстка — Юлия Панина © 2007–2012
  • Об авторе
  • Правила комментирования
  • Карта сайта
  • Рекомендую