Как вы получаете номера упорядоченного списка, чтобы показать слева в IE? - PullRequest
Новая
       10

Как вы получаете номера упорядоченного списка, чтобы показать слева в IE?

1 голос
/ 30 июня 2010

У меня есть строки данных в тегах div, которые плавают влево и имеют заданную ширину.Они находятся внутри тегов li.Все отлично работает в chrome и FF, но в IE8 числа отображаются в середине моих строк, рядом с последним тегом div, у которого нет плавающего числа.

Списки создаются динамически, поэтомуЯ попытаюсь воссоздать пример. 

<ol id='list'>
    <li>
        <div id='d1'>data</div>
        <div id='d2'>data2</div>
    </li>
</ol>

CSS будет выглядеть примерно так: 

#d1{
    float:left;  
    width:50px;
}
#d2{
    width:40px;
}

Это мой первый вопрос, надеюсь, он достаточно ясен.

1 Ответ

0 голосов
/ 30 июня 2010

Все элементы div, принадлежащие определенной строке, должны оставаться плавающими, а контейнер должен быть либо встроенным, либо обычным блоком.

например: 

<style>
  .column { float:left; }
  #d1 { width: 50px; }
  #d2 { width: 40px; }
  li {display: inline-block;}
  br { clear: both; }
</style>
<li>
  <div class="column" id="d1">data</div>
  <div class="column" id="d2">data2</div>
</li>
<br>
<li>
  <div class="column" id="d1">data</div>
  <div class="column" id="d2">data2</div>
</li>

Скорее всего, у вас либо недопустимый тип документа, либо вы выбрали тот, который вызывает режим причуд, поэтому он работает в некоторых браузерах.

...