Добрый день.
Имеется такая проблема - в ИЕ и Опере по разному делается отступ для елементов деревовидного меню (см. вложеный скриншот)
Адрес страницыhttp://www.is2.rivne.com/catalog/
Для меню у меня прописаны стили в файле ........... .название шаблона/components/bitrix/menu/tree/style.css
вон он
div.menu-sitemap-tree
{
font-size:100%;
font-weight:bold;
}
div.menu-sitemap-tree ul
{
list-style-type: none;
list-style-position:inside;
margin: 0 0 0 0px;
padding: 0 1em 0 0;
}
div.menu-sitemap-tree ul ul
{
width: auto;
margin:-0.75em 0 0 0px;
padding: 0 0 0 0.75em;
}
div.menu-sitemap-tree li
{
margin: 0 0 -0.85em 0;
padding:5px;
}
div.menu-sitemap-tree li li
{
margin: 0 0 -0.85em 0.5em;
padding:5px 10px 5px 0px;
}
div.menu-sitemap-tree li.close ul
{
display: none;
}
div.menu-sitemap-tree div.item-text
{
position:relative;
top:-20px;left:30px;
}
/*Icons*/
div.folder, div.page
{
background-repeat:no-repeat;
width:17px;
height:17px;
vertical-align:top;
}
div.folder{cursor:pointer; cursor: hand;background-image:url(images/folder_open.gif);}
div.menu-sitemap-tree li.close div.folder{background-image:url(images/folder_close.gif);}
div.page{background-image:url(images/page.gif);}
а вот то что касается этого меню из template_styles.css
#left-menu { list-style-type: none; margin: 0; padding: 0 0 0 5px; font-family: Arial;}
#left-menu a { font-size: 1.3em; outline: none; text-decoration: none;}
#left-menu ul a { font-size: 1.1em !important; outline: none; vertical-align:top; }
#left-menu li.current { padding: 0; overflow: hidden; zoom:1; display: block; margin-top: 0.3em;}
#left-menu li.current ul { padding: 0 0 0 12px;}
#left-menu .current a { padding: 1px 10px 2px 13px; display: block; zoom:1; font-style:normal; font-size: 0.95em !important; vertical-align:top;}
#left-menu .current ul a { padding:0;}
#left-menu ul { font-weight: normal; margin: 0.5em 0 0 -4px; padding: 0; list-style-type: none;}
#left-menu ul ul { margin: 0.5em 0 0 0em; }
#left-menu li li { margin-bottom: 0.5em; padding:0 13px 0; text-indent: 0; background: none;}
#left-menu li { background: url(images/left-menu-arrow.gif) no-repeat 0 6px; padding:0 0 0 11px; margin-bottom: 0.55em; }
#left-menu li li li { margin-bottom: 0.3em; }
#left-menu .selected, #left-menu a.selected, #left-menu a.selected:hover { color: #FFA733;}
#left-menu .current a.selected { background: #FFA733; color: #fff;}
Где эти отступы поменять как сделать это меню кроссбраузерным?
Подскажите плиз где копать и как исправить глюк?
Имеется такая проблема - в ИЕ и Опере по разному делается отступ для елементов деревовидного меню (см. вложеный скриншот)
Адрес страницы
Для меню у меня прописаны стили в файле ........... .название шаблона/components/bitrix/menu/tree/style.css
вон он
div.menu-sitemap-tree
{
font-size:100%;
font-weight:bold;
}
div.menu-sitemap-tree ul
{
list-style-type: none;
list-style-position:inside;
margin: 0 0 0 0px;
padding: 0 1em 0 0;
}
div.menu-sitemap-tree ul ul
{
width: auto;
margin:-0.75em 0 0 0px;
padding: 0 0 0 0.75em;
}
div.menu-sitemap-tree li
{
margin: 0 0 -0.85em 0;
padding:5px;
}
div.menu-sitemap-tree li li
{
margin: 0 0 -0.85em 0.5em;
padding:5px 10px 5px 0px;
}
div.menu-sitemap-tree li.close ul
{
display: none;
}
div.menu-sitemap-tree div.item-text
{
position:relative;
top:-20px;left:30px;
}
/*Icons*/
div.folder, div.page
{
background-repeat:no-repeat;
width:17px;
height:17px;
vertical-align:top;
}
div.folder{cursor:pointer; cursor: hand;background-image:url(images/folder_open.gif);}
div.menu-sitemap-tree li.close div.folder{background-image:url(images/folder_close.gif);}
div.page{background-image:url(images/page.gif);}
а вот то что касается этого меню из template_styles.css
#left-menu { list-style-type: none; margin: 0; padding: 0 0 0 5px; font-family: Arial;}
#left-menu a { font-size: 1.3em; outline: none; text-decoration: none;}
#left-menu ul a { font-size: 1.1em !important; outline: none; vertical-align:top; }
#left-menu li.current { padding: 0; overflow: hidden; zoom:1; display: block; margin-top: 0.3em;}
#left-menu li.current ul { padding: 0 0 0 12px;}
#left-menu .current a { padding: 1px 10px 2px 13px; display: block; zoom:1; font-style:normal; font-size: 0.95em !important; vertical-align:top;}
#left-menu .current ul a { padding:0;}
#left-menu ul { font-weight: normal; margin: 0.5em 0 0 -4px; padding: 0; list-style-type: none;}
#left-menu ul ul { margin: 0.5em 0 0 0em; }
#left-menu li li { margin-bottom: 0.5em; padding:0 13px 0; text-indent: 0; background: none;}
#left-menu li { background: url(images/left-menu-arrow.gif) no-repeat 0 6px; padding:0 0 0 11px; margin-bottom: 0.55em; }
#left-menu li li li { margin-bottom: 0.3em; }
#left-menu .selected, #left-menu a.selected, #left-menu a.selected:hover { color: #FFA733;}
#left-menu .current a.selected { background: #FFA733; color: #fff;}
Где эти отступы поменять как сделать это меню кроссбраузерным?
Подскажите плиз где копать и как исправить глюк?