Проблема отладки IE7 - Разрыв слова в <li> - PullRequest
Новая
       11

Проблема отладки IE7 - Разрыв слова в <li>

0 голосов
/ 23 декабря 2010

У меня очень простая проблема в IE7, которую я не могу исправить.Если вы посмотрите на эту страницу: http://vitaminjdesign.com/IAM/company/, вы заметите, что вертикальная навигация (ul id = "leftcol") неправильно отображается в IE7.Каждое слово появляется в отдельной строке.Вот мой HTML /.CSS: 

<ul id="leftcol">
    <li><a class="active" href="#">Company Overview</a></li>
    <li><a href="#">Why Choose Parker?</a></li>
    <li><a href="#">Testimonials</a></li>
    <li><a href="#">Financing Promotions</a></li>
    <li><a href="#">Licensing & Credentials</a></li>
</ul>

ul#leftcol{float:left; width:185px; position:relative; z-index:10;}
ul#leftcol li{float:right; clear:right; margin-bottom:14px; list-style:none; list-style-image:none; text-align:right; line-height:1.3; }
ul#leftcol li a{color:#505050; text-decoration:none; font-size:15px; float:right;}
ul#leftcol li a.active,ul#leftcol li a:hover{color:#89b060;}

Есть идеи?

Ответы [ 2 ]

1 голос
/ 23 декабря 2010

Удалить clear:right; из следующего 

ul#leftcol li{float:right;margin-bottom:14px; list-style:none; list-style-image:none; text-align:right; line-height:1.3; }
0 голосов
/ 23 декабря 2010

попробуйте добавить 

ul#leftcol li a {
   white-space: nowrap;
}

Вы также можете задать элементам li фиксированную ширину.

Или, может быть, какое-то свойство отображения, например display: inline;

...