Список внутри плавающего div - PullRequest
Новая
       22

Список внутри плавающего div

1 голос
/ 04 ноября 2010

Так что я выкладываю div. Внутри этого внешнего элемента есть еще 4 элемента, как показано ниже. 

-----------------------------------
.      div 1      .               .
...................   div 2       .
.                 .               .
.   div 3         .               .
.   (ul list 1)   .               .
.                 .               .
...................................
.                                 .
.                                 .
.           div 4                 .
.           (ul list 2)           .
.                                 .
...................................

externaldiv имеет отступ 20px. Моя проблема в том, что маркеры списков имеют отступ около 20 пикселей в IE6 и около 10 пикселей в IE7. Это так странно, и я не могу понять, что происходит. В IE8 и FF2 + все выглядит отлично.

У кого-нибудь есть идеи? Я знаю, что в моем описании могут отсутствовать некоторые детали, поэтому, пожалуйста, спросите, и я постараюсь уточнить. Заранее.

Редактировать: пример HTML 

<div style="padding: 20px;">
    <div style="float: left;">
        div 1
    </div>
    <div style="float: right;">
        div 2
    </div>
    <div style="float: left;">
         <ul>
           <li>List item 1</li>
           <li>List item 2</li>
         </ul>
     </div>
 <div>

Я только что попытался добавить display: inline к стилю ul, и в IE6 появляются маркеры, но форматирование уродливо. Это выглядит так: 

 .Some text after the bullet point 
 is indented under unlike ff

Но в ФФ это выглядит так. 

 .  Some text after the bullet point
    is indented under unlike ff

Ответы [ 3 ]

1 голос
/ 20 января 2013

Вы пробовали: 

list-style:disc inside;

?

0 голосов
/ 04 ноября 2010

Это может быть Ошибка двойного плавающего поля Но вам нужно предоставить пример HTML.

0 голосов
/ 04 ноября 2010

Где пули заканчиваются, обычно определяется отступом слева от ul. Они располагаются слева от поля элемента списка. Установите постоянные отступы left и margin-left, и это должно работать. Возможно, вам также придется позаботиться о отступах left и margin-left элементов li.

...