Спасибо,
monitoringe, очень помогли, все отцентрировалось великолепно, +1
Для тех, кому интересно:
В шаблоне стандартного меню обернул весь родительский список в
<div id="horizontal-multilevel-menu_main">В css шаблона меню добавил и изменил следующие правила:
в
horizontal-multilevel-menu_main добавил правила:
float: left;
position: relative;
left: 50%; В примере по ссылке выше был код для маковского ие, который я не распихивал по стилям, а просто добавил заменив на айди своего родительского блока (на маке проверять нет возможности, поэтому оставил как есть)
В
#horizontal-multilevel-menu,#horizontal-multilevel-menu ul добавил:
position: relative;
left: -50%;убрал:
width:100%;(если оставить в шестом эксплорере меню никуда не сдвинется)
в
#horizontal-multilevel-menu li добавил
position: relative;также теперь если список должен иметь бэкграунд, то его придется задавать вне списка.
вот css которые я добавил/изменил:
Код |
---|
#horizontal-multilevel-menu_main {
float: left;
position: relative;
left: 50%;
}
/* IE Mac only styles \*//*/
#horizontal-multilevel-menu_main {
float: none;
position: static;
}
#horizontal-multilevel-menu_main ul {
position:static;
text-align: center;
}
#horizontal-multilevel-menu_main li {
float: none;
position: static;
display: inline-block;
}
/* End of IE Mac styles */
#horizontal-multilevel-menu,#horizontal-multilevel-menu ul
{
margin:0; padding:0;
min-height:27px;
list-style:none;
font-size:11px;
float:left;
/*font-size:90%*/
position: relative;
left: -50%;
}
#horizontal-multilevel-menu li
{
float:left;
position: relative; /* For IE */
}
|
Проверял в:IE 6,7,8;
Opera 9.64;
Firefox 3.0.10;
Chrome 2.
При таком центрировании контейнер с меню "вылазит" вправо, визуально это незаметно, но вот при верстке так и есть, особенно заметно при фиксированной ширине, когда меню имеет много пунктов и половина общей ширины меню, больше половины ширины сайта, соответственно появляется горизонтальный скроллер.
overflow:hidden; для родительского блока помогает, но естественно не для ie
пробовал мудрить с
zoom:1;, но ослик наотрез не воспринимал это правило, или руки у меня кривоваты
вышел из положения задав
position:relative; тому же родителю.
если у кого есть менее громоздкие решения центрирования стандартного меню, без его глубокой доработки\переработки напишите пожалуйста, буду очень благодарен.