Xpoint
   [напомнить пароль]

MSIE и list-style-image

Метки: [без меток]
2008-07-07 00:01:18 [обр] AndrewM[досье]

Господа, я даже не знаю что спросить ;)
Наткнулся глюк в MSIE 6.0.
Бился 2 часа над вопросом, почему в сложном шаблоне урезается левая колонка?
Удалось вычленить глючащий минимум:

<div style="border: 2px solid #f00; float: left">
  <div style="border: 2px solid #ff0; height: 20px">Шапка</div>
  <div style="border: 2px solid #0f0; float: left">
    Строка 1<br>
    Строка 2<br>
    Строка 3<br>
    Строка 4<br>
    Строка 5<br>
    Строка 6<br>
    Строка 7<br>
  </div>
  <div style="border: 2px solid #00f; margin-left: 100px">
    Текст 1<br>
    Текст 2<br>
    <ul>
      <li style="list-style-image: url('item.gif')">Пункт</li>
    </ul>
  </div>
</div>

Если имидж item.gif - загружается (существует) - высота левой колонки урезается до высоты правой! Т.е. вместо 7 строк, в моем примере - выводятся только 5!
Если имидж не грузиться - всё отображается как надо!
Как решить проблему знаю: задам булет фоном.
Вопрос такой: это правда мега-глюк от MSIE 6.0 или я что-то где-то совсем не понимаю? ;)

спустя 10 часов [обр] Андрей(0/2)[досье]

Здравствуй.
Проверил у себя. Ничего не урезается. На всякий случай проверил в Opera 9.51, FireFox 2.0.0.14 и Safari 3.1.1. У тебя DOCTYPE правильный выставлен? Попробуй прогнать итоговую страницу (полную, а не только сбойный кусок) через http://validator.w3.org/

Можно глупый вопрос: а это очень надо делать маркер картинкой — всё-таки лишний запрос к серверу?

спустя 27 минут [обр] AndrewM[досье]
Андрей[досье], а ты проверял в MSIE 6.0? В других версиях и броузерах этого тоже не наблюдается...
DOCTYPE - вроде не влияет...
И item.gif должен быть!
Вот реально-глючащий пример ;)
http://moe.nm.ru/msie_list/
спустя 2 часа 13 минут [обр] Андрей(0/2)[досье]
У меня версия IE 6.0.2900.2180.xpsp_sp2_rtm.040803-2158 с установленным SP2.
Указанная страничка отображается нормально. Если нужен маркер в виде синего квадрата, то предлагаю
<li style="list-style-type: square; color: blue;">
   <span style="color: black;">Пункт</span>
</li>
спустя 48 минут [обр] AndrewM[досье]

Андрей[досье], и у меня ровно та же версия! И дома и на работе одинаковый глюк! Чудеса!
А точно по указанной ссылке видны

Строка 6
Строка 7

Пойду у сослуживцев искать MSIE 6.0 и проверять... ;)

Powered by POEM™ Engine Copyright © 2002-2005