дисплей: блок, ломающий поплавок в IE6 - PullRequest
Новая
       14

дисплей: блок, ломающий поплавок в IE6

2 голосов
/ 25 мая 2011

Код ниже отлично работает в Safari и Firefox, но не в IE6. Это когда я включаю display:block для #horNav li a. Поплавки ломаются в IE6. Есть ли способ получить display:block и не разбить поплавок? Если я добавлю ширину для #horNav li, она будет работать, но я не хочу указывать ширину для нее, так как ширина может варьироваться.

CSS: 

#horNav{
    margin:0;
    padding:0;
    list-style-type:none;
    border: 0px solid #486B02;
    font-size:13px;
    font-family:Arial;
}
#horNav  li{
    float:left;
}
#horNav  li  a {
    display:block;
    color: #000;
    text-decoration: none;
    height:30px;
    line-height:30px;
    padding:0 40 0 19;
    border:solid 1px blue;
}

HTML: 

<ul id="horNav">
    <li><a>Menu 1</a></li>
    <li><a>Menu 2</a></li>
    <li><a>Menu 3</a></li>
    <li><a>Menu 4</a></li>
</ul>

Ответы [ 2 ]

3 голосов
/ 25 мая 2011

добавьте float: left к a. Тогда вам не понадобится display: block; на a, потому что плавающий элемент автоматически становится блоком

0 голосов
/ 25 мая 2011

Попробуйте следующее:

Удалить поплавок: слева;для #horNav li и добавьте 

#horNav li { display: inline-block; }

Я думаю, вы можете удалить высоту и высоту строки для #horNav li a

...