Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by raju on Nov 08, 2007 23:49
open dhtmlx forum
dhtml menu

dear,
first of all thanks for fantastic tools. the menu system is amazing.


today I faced some problem while using it. in IE the submenu (1st order child) are ok, but in the Firefox (ff) the drop down menu items are show above of the parent menu.i meant the submenus are supposed to drop to down but now they are dropping to up. In IE (i use6) its working fine.

here is the codes:

in html:

        <div id="busstyle"></div>
    <script>
        aMenu=new dhtmlXMenuBarObject(document.getElementById('busstyle','800','25'));
        aMenu.setGfxPath("menu/codebase/imgs/");
        aMenu.loadXML("menu/_menu_bus.xml")
        aMenu.showBar();
    </script>




the xml:

<?xml version='1.0' encoding='utf-8' ?>
<menu height="25" name="Navigation" mixedImages="no">
    <MenuItem name="About Shaheen" id="com" width="30px" withoutImages="yes">    
        <MenuItem name="Philosophy" src="" href="common/philo.php" target="" id="phil"/>    
    </MenuItem>
    <MenuItem name="School Section" id="school" width="30px" withoutImages="yes">    
        <MenuItem name="Admission" src="" href="common/philo.php" target="" id="adm"/>    
        <MenuItem name="Facilities" src="" href="http://www.scbr.com/docs/theteam.shtml" target="_blank" id="fac"/>    
        <MenuItem name="Faculties" src="" href="http://www.scbr.com/docs/workflow.shtml" target="_blank" id="facul"/>    
    </MenuItem>
    
    <MenuItem name="College Section" id="college" width="30px" withoutImages="yes">    
        <MenuItem name="Virtual Office" src="" href="http://www.scbr.com/docs/voffice.shtml" target="_blank" id="virt"/>    
        <MenuItem name="Fixed Bid" src="" href="http://www.scbr.com/docs/sprojects.shtml" target="_blank" id="fixed"/>    
        <MenuItem name="Portfolio" src="" href="http://www.scbr.com/docs/portfolio.shtml" target="_blank" id="port"/>    
    </MenuItem>
</menu>


can anyone plz help me?
Answer posted on Nov 09, 2007 03:33
Such situation can occur, when your page have zero size body ( absolute positioned elements can take a lot of space, but real body will have zero height )
Menu has logic which correct sub-menu position and it may fail in case of zero size body, you can disable it ( and most probably fix the problem ) by


    aMenu.disableSmartPositioning(true);