Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Меню выстраивается лесенкой в IE6-7


Автор: DemonVex 9.7.2010, 11:52
Обычное горизонтальное меню (не выпадающее). Реализовано тегами ul и li. В IE6-7 почему-то выстраивается лесенкой.

В IE8
http://ipicture.ru/Gallery/Viewfull/591654.html

В IE6-7
http://ipicture.ru/Gallery/Viewfull/591655.html

логотип и меню обернуты в top_center

Код

.top_center
{
    position: relative;
    left: 50%;
    margin-left: -500px;
    float: left;
    width: 1000px;
}

.logo
{
    margin: 12px 24px;
    float:left;
    display:inline;
}
.menu
{
    list-style-type: none;
    margin: 37px 0 0 26px;
    cursor: pointer;
}

.menu li a
{
    background: white;
    float:left;
    font-size: 20px;
    font:  bold;
    border-right: solid 1px #b2e0fd;
}
.menu .menu_left a
{
    padding-left: 20px;
    background: url(../img/bkgr/menu-left.png) no-repeat;
}
.menu .menu_right a
{
    padding-right: 20px;
    background: url(../img/bkgr/menu-right.png) top right  no-repeat;
    border-right: none;
}
.menu a
{
    padding: 12px 10px 12px 10px;
    display: block;
    text-decoration: none;
    color: #517e10;
}

Автор: DemonVex 9.7.2010, 20:32
Нашел ответ. "float:left" надо указывать не у ".menu li a", а у ".menu li".

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)