<li> отступ слева в т.е. 7 - PullRequest
Новая
       53

<li> отступ слева в т.е. 7

1 голос
/ 15 августа 2011

У меня очень странная проблема с отступами элементов списка в IE 7. Похоже, что отступ влево не имеет никакого эффекта. Мой HTML здесь http://pastebin.com/0TXXN3AZ. (элементы списка должны быть простой навигации слева.) CSS является 

ul.navigation{
   width: 230px;
   padding-left:2px;
   display: block;
   float: left;
}

ul.navigation li{
   padding-left:2px;
   list-style: none;
}

ul.navigation li a{
   padding-left: 2px;
   display:inline-block;
}

ul.navigation li ul{
   padding-left:2px;
   list-style: none;
}

#content{
   margin-left: 260px;
   padding-right: 50px;
   font-size: 0.9em;
}

В других браузерах все выглядит как положено. В IE 7 это большой путь, когда элементы списка расширяются в области контента. Есть идеи?

Спасибо заранее,

Andreas

1 Ответ

7 голосов
/ 15 августа 2011

Я рекомендую сначала использовать YUI Reset CSS , который нормализует стили для всех элементов HTML среди всех браузеров, а затем безопасно настраивать элементы по своему желанию.

Если вы не можете использовать YUI Reset CSS, проблема может заключаться в том, что IE 7 использует margin, а не padding для элементов ul / li.

Так что добавьте это перед вашими настройками: 

ul, li {
 margin: 0;
 padding: 0;
}

А затем настройте элементы ul / li по своему желанию.

...