Центрирование горизонтального меню шпиона Lee Margolies - 11-05-2009
Я пытаюсь центре горизонтального меню шпиона на странице. Для IE какой-то причине, FF и Safari все оправдывающие левом меню, и если я не имею обивка собственности (см. ниже) в улицу.Menubarhorizontal он перемещается весь баре около 20 пикселей вправо.
любая помощь вы можете предложить ценится...
спасибо,
LM
/ * Внешний контейнер меню, Автоматическая коробка с шириной нет разницы или обивка * /
улица.Menubarhorizontal
{
разницы: 0;
обивка: 0;
ширина: 666px;
}
/ * Установим активным меню с этим классом, В настоящее время установление Z-индекса для размещения т.е. ошибка рендеринга: http:/ / therealcrisp.Xs4all.NL / meuk / IE-zindexbug.html * /
улица.Menubaractive
{
Z-INDEX: 1000;
}
/ * Контейнеры пункт меню, позицию по отношению к детям этого контейнера и фиксированная ширина * /
улица.Menubarhorizontal Ли
{
Список-Style-Type: нет;
Размер шрифта: 100%;
Позиция: относительный;
Высота строки: -15;
Курсор: Pointer;
ширина: 133.2px;
Float: слева;
}
/ * Подменю должно появиться ниже их родителей (верхняя: 0) с более высоким индексом Z -, но они изначально от левой стороне экрана (-1000em) * /
улица.Menubarhorizontal улица
{
разницы: 0;
обивка: 0;
Список-Style-Type: нет;
Размер шрифта: 100%;
Z-INDEX: 1020;
Курсор: по умолчанию;
левый: -1000em;
ширина: 160px;
Позиция: абсолютный;
цвет фона: # 005dab;
цвет: # FFF;
}
/ * Подменю, которое показывается при назначении класс menubarsubmenuvisible, Мы ставим слева Auto поэтому она идет на экран ниже своих родителей пункта меню * /
улица.Menubarhorizontal улица.Menubarsubmenuvisible
{
левый: Авто;
}
/ * Контейнеры меня такие же, как фиксированной ширины родителя * /
улица.Menubarhorizontal улица Ли
{
FONT-FAMILY: Arial, Helvetica, Sans-Serif;
Размер шрифта: 12px;
FONT-WEIGHT: нормальный;
ширина: 160px;
Ширина границы: 1px 2px 1px 2px;
границы стиля: твердый;
Цвет границы: # 005dab;
цвет фона: прозрачный;
Float: нет;
разницы: 0 0 0 -1.5%;
}
/ * Подменю, которое показывается при назначении класс menubarsubmenuvisible, Мы ставим слева 0 поэтому он идет на экран * /
улица.Menubarhorizontal улица.Menubarsubmenuvisible улица.Menubarsubmenuvisible
{
левый: Авто;
верх: 0;
}
/ * Элементы меню светло-серый блок с отступа и оформления текста * /
улица.Menubarhorizontal
{
отображать: блок;
Курсор: Pointer;
цвет фона: # FFF;
обивка: 0.5em 0.75em;
цвет: # 005dab;
Текст-украшение: нет;
Текст-Align: центр;
}
/ * Элементы меню, которые имеют более или мышь "Фокус синим фоном и белым текстом * /
улица.Menubarhorizontal:Hover, улица.Menubarhorizontal:Focus
{
цвет фона: # 005dab;
цвет: # FFF;
}
улица.Menubarhorizontal улица (
Текст-Align: слева;
}
/ * Элементы меню, которые открыты с подменю намерены menubaritemHover с голубым фоном и белым текстом * /
улица.Menubarhorizontal.MenubaritemHover, улица.Menubarhorizontal.MenubaritemsubmenuHover, улица.Menubarhorizontal.Menubarsubmenuvisible
{
Текст-украшение: никакой
}
/ * Для IE рубить: стабилизировать появления меню; слэш в Поплавок держать т.е. 5.0 из разбора * /
@ СМИ экран, Проекция
{
улица.Menubarhorizontal Ли.Menubaritemie
{
отображать: Inline;
F \ loat: слева;
}
}
# (главныйbody
FONT-FAMILY: Arial, Helvetica, Sans-Serif;
цвет: # FFF;
цвет фона: # FFF;
обивка: 0px;
высота: 608px;
ширина: 672px;
Float: слева;
разницы права: Авто;
разницы левый: Авто;
граница-Top-Ширина: 3px;
нижняя граница ширины: 3px;
граница-Top-стиль: твердый;
нижняя граница-стиле: твердый;
границы верхнего цвета: # 038;
нижняя граница цвета: # 038;
Позиция: относительный;
}
# (Header
FONT-FAMILY: Arial, Helvetica, Sans-Serif;
цвет: # FFF;
разницы права: Авто;
разницы левый: Авто;
высота: 99px;
ширина: 666px;
граница-Top-Ширина: 3px;
границы права ширине: 2px;
нижняя граница ширины: 2px;
границе левой ширина: 2px;
граница-Top-стиль: твердый;
граница-право-стиль: твердый;
нижняя граница-стиле: нет;
границе левой стиль: твердый;
границы верхнего цвета: # EEE;
границы правого цвета: # EEE;
нижняя граница цвета: # EEE;
границе левой цвета: # EEE;
}
# (Navbar
цвет фона: # 005dab;
ширина: 662px;
разницы права: Авто;
разницы левый: Авто;
разницы-дно: 0px;
границы права ширине: 2px;
границе левой ширина: 2px;
нижняя граница ширины: 2px;
граница-право-стиль: твердый;
нижняя граница-стиле: твердый;
границе левой стиль: твердый;
границы правого цвета: # 005dab;
нижняя граница цвета: # 005dab;
границе левой цвета: # 005dab;
высота: 30px;
Позиция: относительный;
Re: Центрирование горизонтального меню шпиона Fernando Mol - 11-06-2009
Вам нужно играть с шириной.
теперь, по всей ширине меня не делит себя в число элементов меню у вас есть. помнить, Экраны меры в пикселях.
изменить ширину столбцов центре (там, где у вас есть меню имеется) и сделать его ширины, которая может быть разделена на 5, число пунктов меню, у вас есть. тогда, играть с шириной список пунктов и границы, чтобы уместить его.
Я надеюсь, что это помогает
* Помните, делать ссылку на ваш сайт и оцените должностей. Это бесплатная услуга для Вас и для нас.
Re: Центрирование горизонтального меню шпиона Lee Margolies - 11-06-2009
Спасибо за помощь...
Я попытался корректировки ширины и до сих пор появляется либо слишком мало или слишком много времени. с подвижным вложенный в Div тегов (Navbar), мне нужно лишь установить, что Дива шириной до числа, кратного 5 или мне нужно идти дальше по цепочке?
Еще раз спасибо!
LM
Ли margolies
http://www.Lmcreativemotion.com
щебетать: @ LMcreativemotio
Re: Центрирование горизонтального меню шпиона Fernando Mol - 11-07-2009
меня внутри контейнера. что контейнер должен быть разделен на 5 с квадратным числом.
что это число вы должны дать ширина каждого элемента меню. рассмотрении boders.
Я не скажу вам точно, куда поставить номера, но это методом проб и ошибок, но я надеюсь, что вы получите идею.
следовать этому правилу слишком: делимое число должно быть парой.
* Помните, делать ссылку на ваш сайт и оцените должностей. Это бесплатная услуга для Вас и для нас.
