Поплавок: правая ошибка IE7 - PullRequest
Новая
       19

Поплавок: правая ошибка IE7

5 голосов
/ 24 августа 2010

Я не могу понять, ошибка IE7 с плавающей точкой!Это убивает меня.Моя NAV-панель отлично выглядит везде, кроме IE7.Я уже создал конкретный IE7 CSS и пробовал разные подходы, но все равно безуспешно. текст ссылки

Похоже, что элементы LI находятся вне #NAV внутри контейнера.

Кто-нибудь из IE7 исправил FLOAT:RIGHT?

Большое спасибо.

Вот мой код: 

.container {
    width: 983px;
    margin: 0 auto;
    background: fuchsia;
}
ul#nav {
    height: 44px;
    margin: 32px auto;
    position: relative;
}
ul#nav li, ul#nav li a {
    display: block;
    height: 44px;
    margin-left: 3px;
    position: relative;
}
ul#nav li {
    padding-left: 0;
    height: 44px;
    position: relative;
    z-index: 10060;
}


<div class="container">
    <ul id="nav">
        <li><a class="navtop_7" href="#"></a></li>
        <li><a class="navtop_6" href="#"></a></li>
        <li><a class="navtop_5" href="#"></a></li>
        <li><a class="navtop_4" href="#"></a></li>
        <li><a class="navtop_3" href="#"></a></li>
        <li><a class="navtop_2" href="#"></a></li>
        <li><a class="navtop_1" href="#"></a></li>
    </ul>
</div>

1 Ответ

1 голос
/ 08 сентября 2011

Этот пример jsfiddle.net отображается в IE7 так, как я думаю , как вы хотите, основываясь на вашем описании. (Для дальнейшего использования предоставьте эталонное изображение, которое вы пытаетесь достичь.) 

.container {
    width: 983px;
    margin: 0 auto;
    background: fuchsia;
}
ul#nav {
    height: 44px;
    margin: 32px auto;
}
ul#nav li {
    display: block;
    float: right;
    background: green;
    padding-left: 0;
    width: 140px
    height: 44px;
}
ul#nav li a {
    background: blue;
    display: block;
    height: 44px;
    width: 137px;
    margin-left: 3px;
}
...