div внутри ul вызывает проблемы в IE7 - PullRequest
Новая
       18

div внутри ul вызывает проблемы в IE7

5 голосов
/ 24 февраля 2011

У меня есть <ul>, который содержит много ли и дивов. Библиотеки автоматически генерируются из входных данных и меток, а элементы div смещаются вправо и служат подсказками для объяснения каждого ввода.

Код выглядит следующим образом: 

<ul>
  <div>tooltip</div>
  <li>input</li>
  <div>tooltip</div>
  <li>input</li>
  <div>tooltip</div>
  <li>input</li>
</ul>

Это прекрасно работает в Firefox и IE8, но в IE7 предполагается, что каждый div является частью предыдущего <li>, и полностью удаляет теги </li> из интерпретированного исходного кода (обнаруженного в представлении IEtester. Инструмент разработки исходного кода). Кто-нибудь знает, почему это происходит и как это исправить?

CSS: 

.tooltip { float: right; width: 140px; font-size: 0.9em; padding: 9px 9px 9px 15px; margin-top: 15px; }

1 Ответ

6 голосов
/ 24 февраля 2011

Вы не можете иметь div внутри <ul> напрямую.Они могут входить внутрь элементов <li>.Это может или не может помочь с вашей проблемой, но должно быть исправлено, чтобы убедиться, что это не причина.

...