IE7 и встроенный блок PLUS расширяют размер дочерних элементов - PullRequest
Новая
       5

IE7 и встроенный блок PLUS расширяют размер дочерних элементов

0 голосов
/ 07 декабря 2011

У меня очень хорошее навигационное меню, которое работает в разных браузерах, кроме IE7.

Я плавающий список элементов со встроенным блоком, который не поддерживается в IE. Я нашел некоторые обходные пути для этого ... единственная проблема заключается в том, что сжатие типа inline-block обернуло мой элемент списка вокруг содержимого ... тогда как все эти другие методы для IE7 не делают этого. Я должен назначить определенную ширину, которая не подходит для этого сайта, потому что она не статична. 

<ul id="mini-nav">
<li class="">
  <a href="">authenticated/basic">BASIC</a>
  <div></div>
</li>
<li class="">
  <a href="">ADVANCED</a>
  <div></div></li>
<li class="">
  <a href="">BEST PRACTICES</a>
  <div></div>
</li>
</ul>

Мне нужно, чтобы мои пункты списка были расширены, чтобы соответствовать размеру текста в гиперссылках. Как я могу сделать это без использования встроенного блока.

1 Ответ

0 голосов
/ 07 декабря 2011

Вы можете просто использовать float: left вместо display: inline-block. В зависимости от вашего дизайна, вам, возможно, придется добавить overflow: hidden к вашему <ul> или использовать общее исправление.

...