rtrinidad
03-11-2009, 03:56 PM
Script: jQuery Multi Level CSS Menu #2
http://www.dynamicdrive.com/style/csslibrary/item/jquery_multi_level_css_menu_2/P10/
I'm having an isssue with the height of the remaining space to the right of the menu.
If I insert the menu inside a <div> with a set height, the height of the space to the right of the menu is reduced to some random height.
The following displays the space to the right correctly:
<div>
<div id="myslidemenu" class="jqueryslidemenu">
<ul>
<li><a href="#">Item</a></li>
<li><a href="#">Folder</a>
<ul>
<li><a href="#">Sub Item 1</a></li>
<li><a href="#">Sub Item 2</a></li>
</ul>
</li></ul>
</div>
</div>
The following displays the space to the right as a thin line:
<div style="height:600px">
<div id="myslidemenu" class="jqueryslidemenu">
<ul>
<li><a href="#">Item</a></li>
<li><a href="#">Folder</a>
<ul>
<li><a href="#">Sub Item 1</a></li>
<li><a href="#">Sub Item 2</a></li>
</ul>
</li></ul>
</div>
</div>
Any idea why?
http://www.dynamicdrive.com/style/csslibrary/item/jquery_multi_level_css_menu_2/P10/
I'm having an isssue with the height of the remaining space to the right of the menu.
If I insert the menu inside a <div> with a set height, the height of the space to the right of the menu is reduced to some random height.
The following displays the space to the right correctly:
<div>
<div id="myslidemenu" class="jqueryslidemenu">
<ul>
<li><a href="#">Item</a></li>
<li><a href="#">Folder</a>
<ul>
<li><a href="#">Sub Item 1</a></li>
<li><a href="#">Sub Item 2</a></li>
</ul>
</li></ul>
</div>
</div>
The following displays the space to the right as a thin line:
<div style="height:600px">
<div id="myslidemenu" class="jqueryslidemenu">
<ul>
<li><a href="#">Item</a></li>
<li><a href="#">Folder</a>
<ul>
<li><a href="#">Sub Item 1</a></li>
<li><a href="#">Sub Item 2</a></li>
</ul>
</li></ul>
</div>
</div>
Any idea why?