| подвижный проблемы горизонтального меню в IE7
Robert Nitko - 11-07-2009 |
привет. Как и многие до меня у меня чертовски времени с решением этой проблемы меня. Я читал и читал и читал предыдущие сообщения. пытался пытался и пытается решениями народных но безрезультатно. которое приносит мне здесь.
Имею 6 основных категорий на моем главном меню. под некоторыми из них у меня есть выпадающее подменю. в других ничего. Некоторые браузеры отображают все 6 номинациях, а то есть, в частности, шаги мои 6 пункта назад под моим первым пунктом. "Crazy!", По словам короля Людовика в Книге Джунглей. какая досада!.
Достаточно уверен я читал и пытался все эти великие Ричард Уильямс вещей оказывает помощь людям с так долго. бог с ним. Я уверена, что он болен той же вопросу. но он, кажется, постоянный эксперт, Гуру и Спасителя. моя шапка для вас. Вы Da Man.
так что я зовет его еще раз на мой вызов. Одно предостережение. Я буду добавлении еще одной категории в меню бара в конечном итоге сделать ее 7, но сомневаюсь, что будет иметь никакого влияния на решения.
Вот мой код из sprymenubarhorizontal.CSS
@ кодировку "UTF-8";
/ * Sprymenubarhorizontal.CSS - версия 0.6 - подвижный Pre-Release 1.6.1 * /
/ * Copyright (C) 2006. Adobe Systems Incorporated. Все права защищены. * /
/************************************************* ******************************
информацию об оформлении: Модель описывает поле, позиционирование, Z-порядка
************************************************** ***************************** /
/ * Внешний контейнер меню, Автоматическая коробка с шириной нет разницы или обивка * /
улица.Menubarhorizontal
{
разницы: 0;
обивка: 0;
Список-Style-Type: нет;
Размер шрифта: 100%;
Курсор: по умолчанию;
ширина: Авто;
}
/ * Установим активным меню с этим классом, В настоящее время установление Z-индекса для размещения т.е. ошибка рендеринга: http:/ / therealcrisp.Xs4all.NL / meuk / IE-zindexbug.html * /
улица.Menubaractive
{
Z-INDEX: 1000;
}
/ * Контейнеры пункт меню, позицию по отношению к детям этого контейнера и фиксированная ширина * /
улица.Menubarhorizontal Ли
{
разницы: 0;
обивка: 0;
Список-Style-Type: нет;
Размер шрифта: 100%;
Позиция: относительный;
Текст-Align: слева;
Курсор: Pointer;
ширина: 8em;
Float: слева;
}
/ * Подменю должно появиться ниже их родителей (верхняя: 0) с более высоким индексом Z -, но они изначально от левой стороне экрана (-1000em) * /
улица.Menubarhorizontal улица
{
разницы: 0;
обивка: 0;
Список-Style-Type: нет;
Размер шрифта: 100%;
Z-INDEX: 1020;
Курсор: по умолчанию;
ширина: 8.2em;
Позиция: абсолютный;
левый: -1000em;
}
/ * Подменю, которое показывается при назначении класс menubarsubmenuvisible, Мы ставим слева Auto поэтому она идет на экран ниже своих родителей пункта меню * /
улица.Menubarhorizontal улица.Menubarsubmenuvisible
{
левый: Авто;
}
/ * Контейнеры меня такие же, как фиксированной ширины родителя * /
улица.Menubarhorizontal улица Ли
{
ширина: 8.2em;
}
/ * Подменю должно появиться несколько перекрывающихся вправо (95%) и выше (-5%) * /
улица.Menubarhorizontal улица улица
{
Позиция: абсолютный;
разницы: -5% 0 0 95%;
}
/ * Подменю, которое показывается при назначении класс menubarsubmenuvisible, Мы ставим слева 0 поэтому он идет на экран * /
улица.Menubarhorizontal улица.Menubarsubmenuvisible улица.Menubarsubmenuvisible
{
левый: Авто;
верх: 0;
}
/************************************************* ******************************
Дизайн информации: описывает цветовую схему, Границы, Шрифты
************************************************** ***************************** /
/ * Контейнеры подменю имеют границы со всех сторон * /
улица.Menubarhorizontal улица
{
граница: 1px твердо # CCC;
}
/ * Элементы меню светло-серый блок с отступа и оформления текста * /
улица.Menubarhorizontal
{
отображать: блок;
Курсор: Pointer;
цвет фона: # EEE;
обивка: 0.5em 0.75em;
цвет: # 333;
Текст-украшение: нет;
}
/ * Элементы меню, которые имеют более или мышь "Фокус синим фоном и белым текстом * /
улица.Menubarhorizontal:Hover, улица.Menubarhorizontal:Focus
{
цвет фона: # 33C;
цвет: # FFF;
}
/ * Элементы меню, которые открыты с подменю намерены menubaritemHover с голубым фоном и белым текстом * /
улица.Menubarhorizontal.MenubaritemHover, улица.Menubarhorizontal.MenubaritemsubmenuHover, улица.Menubarhorizontal.Menubarsubmenuvisible
{
цвет фона: # 33C;
цвет: # FFF;
}
/************************************************* ******************************
подменю указание: стилях, если есть подменю под данный пункт меню
************************************************** ***************************** /
/ * Элементы меню, есть подменю имеют menubaritemsubmenu класс назначение и настроены на использование фонового изображения расположены на крайнем левом (95%) и по центру вертикально (50%) * /
улица.Menubarhorizontal.Menubaritemsubmenu
{
фон-изображение: URL (sprymenubardown.GIF);
фон-повторить: Нет, повторяю;
фон-позиции: 95% 50%;
}
/ * Элементы меню, есть подменю имеют menubaritemsubmenu класс назначение и настроены на использование фонового изображения расположены на крайнем левом (95%) и по центру вертикально (50%) * /
улица.Menubarhorizontal улица.Menubaritemsubmenu
{
фон-изображение: URL (sprymenubarright.GIF);
фон-повторить: Нет, повторяю;
фон-позиции: 95% 50%;
}
/ * Элементы меню, которые открыты с подменю имеют menubaritemsubmenuHover класс назначение и намерены использовать "Hover" фонового изображения расположены на крайнем левом (95%) и по центру вертикально (50%) * /
улица.Menubarhorizontal.MenubaritemsubmenuHover
{
фон-изображение: URL (sprymenubardownHover.GIF);
фон-повторить: Нет, повторяю;
фон-позиции: 95% 50%;
}
/ * Элементы меню, которые открыты с подменю имеют menubaritemsubmenuHover класс назначение и намерены использовать "Hover" фонового изображения расположены на крайнем левом (95%) и по центру вертикально (50%) * /
улица.Menubarhorizontal улица.MenubaritemsubmenuHover
{
фон-изображение: URL (sprymenubarrightHover.GIF);
фон-повторить: Нет, повторяю;
фон-позиции: 95% 50%;
}
/************************************************* ******************************
браузера хаки: хаки ниже, не должен быть изменен, если вы не эксперт
************************************************** ***************************** /
/ * Для IE рубить: чтобы убедиться в субменю показать выше формы контроля, Мы легли в основу каждого подменю IFRAME * /
улица.Menubarhorizontal IFRAME
{
Позиция: абсолютный;
Z-INDEX: 1010;
Фильтр:Alpha (Opacity:0.1);
}
/ * Для IE рубить: стабилизировать появления меню; слэш в Поплавок держать т.е. 5.0 из разбора * /
@ СМИ экран, Проекция
{
улица.Menubarhorizontal Ли.Menubaritemie
{
отображать: Inline;
F \ loat: слева;
фон: # FFF;
}
}
заранее спасибо.
Bob | |
