VPF::Меню выстраивается лесенкой в IE6-7

DemonVex

Дата 9.7.2010, 11:52 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 11
Регистрация: 11.6.2005

Репутация: нет
Всего: нет

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

В IE8

В IE6-7

логотип и меню обернуты в 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 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 11
Регистрация: 11.6.2005

Репутация: нет
Всего: нет

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

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »