L
Ledy
Столкнулись с такой проблемой:
Выпадающее вертикальное меню на основе js не работает для двухколоночного шаблона с резиновой версткой, причем только в Firefox.
css-стиль двухколоночного макета:
//левая колонка, в которой располагается вертикальное меню-список
#sidebar {
width: 200px;
float: left;
}
//правая колонка
#container {
width: 100%;
float: right;
margin-left: -200px;
}
#content {
background: #f1f2ea;
margin-left: 200px;
}
HTML-код:
<div id="sidebar">
<div id="vmenu">
<ul class="menu collapsible">
<li class="expand">
<a href="#">Список1</a>
<ul class="acitem">
<li><a href="#">Пункт1</a></li>
<li><a href="#">Пункт2</a></li>
</ul>
</li>
<li>
<a href="#">Список2</a>
<ul class="acitem">
<li><a href="#">Пункт1</a></li>
<li><a href="#">Пункт2</a></li>
</ul>
</ul>
</div>
</div>
<div id="container"><div id="content">
content
</div></div>
<div class="clearing"> </div>
Подскажите пожалуйста решение
Вертикальное меню рассматривалось как просто js-Меню, так и JQuery-меню. Проблема не решается от изменения скрипта меню
Выпадающее вертикальное меню на основе js не работает для двухколоночного шаблона с резиновой версткой, причем только в Firefox.
css-стиль двухколоночного макета:
//левая колонка, в которой располагается вертикальное меню-список
#sidebar {
width: 200px;
float: left;
}
//правая колонка
#container {
width: 100%;
float: right;
margin-left: -200px;
}
#content {
background: #f1f2ea;
margin-left: 200px;
}
HTML-код:
<div id="sidebar">
<div id="vmenu">
<ul class="menu collapsible">
<li class="expand">
<a href="#">Список1</a>
<ul class="acitem">
<li><a href="#">Пункт1</a></li>
<li><a href="#">Пункт2</a></li>
</ul>
</li>
<li>
<a href="#">Список2</a>
<ul class="acitem">
<li><a href="#">Пункт1</a></li>
<li><a href="#">Пункт2</a></li>
</ul>
</ul>
</div>
</div>
<div id="container"><div id="content">
content
</div></div>
<div class="clearing"> </div>
Подскажите пожалуйста решение
Вертикальное меню рассматривалось как просто js-Меню, так и JQuery-меню. Проблема не решается от изменения скрипта меню