2013-06-13 4 views
0

Итак, я пробовал почти каждое решение, размещенное здесь, для того, чтобы получать элементы списка, оставленные в IE10. Он работает в IE8 и 9, но по какой-то причине в 10 он складывает их поверх друг друга.Перечислить элементы, не плавающие влево в IE10

Я попытался изменить тип документа, чтобы включить:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

Я также попытался установить контейнер DIV как переполнение: скрытый, я сделал то же самое с элементом LI и также удалены маржа для предмета. Была рекомендация установить ширину элемента li, но, учитывая это обновляемый текст, я не могу этого сделать. Я также попытался использовать display: inline-block. Все к никакой решимости ...

Вот код Snippit:

<ul id="menu-main-menu-left" class="main-menu"> 
     <li id="menu-item-14" class="menu1" link="http://placehold.it/300/ea3e59&amp;text=sandals"><a rel="menuitem">Sandals</a></li> 
     <li id="menu-item-34" class="menu2" link=""><a href="http://ssekodesigns.lc/how-to-tie/">How To Tie</a></li> 
     <li id="menu-item-16" class="menu3" link="http://placehold.it/300/ea3e59&amp;text=leatherbags"><a rel="menuitem">Leather Bags</a </li> 
    </ul> 

    .main-menu li{ 
    font-family: 'Josefin Slab', Times , sans-serif; 
    font-weight:600; 
    font-size:11pt; 
    text-transform:uppercase; 
    line-height:15pt; 
    text-align:center; 
    float:left; 
    overflow: hidden; 
    margin: 0; 
    } 

Кто-нибудь есть советы о том, как получить эти отображался правильно?

Заранее спасибо.

+2

Я ниспровергаю это. Предоставьте пример минимального действующего кода, без ссылок. – amn

+1

Его лучше разместить немного кода для списка. И что вы пробовали? – Timmetje

+0

Обновлен кодом вместо ссылки. –

ответ

1

Эта проблема обычно может быть устранена путем помещения фиксированной ширины в содержащий div.

Смежные вопросы