Results 1 to 3 of 3

Thread: JQuery menu firefox z-index issue

  1. #1
    Join Date
    Jun 2006
    Posts
    20
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question JQuery menu firefox z-index issue

    I am using Horizontal "jQuery Multi Level CSS Menu #2" located at "http://www.dynamicdrive.com/style/cs...el_css_menu_2/
    "
    There is box created using div in my code behind which the menu items were hiding. So I set the z-index of 'Whitepage' div to -1.

    1)Now it is working fine in IE but in Firefox the whole 'Whitepage' div goes disappears.
    2)One more thing: how can we left some space in left side of menu or can say how to center the menu items?

    Please help.



    Code:
    	<div id="Wrapper">
        <div class="Whitepage" style="top:140px;width:auto;height:auto;z-index:-1">
        <div class="ShadowContainer" style="width:auto;height:auto">
        <div class="Shadow" style="width:auto;height:auto">
        <div class="Container" style="width:auto;height:auto">
        <h1>Create a Record</h1>
        <br/>
        <form name="createForm" method="POST">
        <input type="hidden" name="action" value="save"/>
        <table class="cstbl">
    <tr><td>User name</td><td><input class="txt" name="userName"/></td></tr>
    <tr><td>contents</td><td><select name="contents" onchange="()">....</select></tr></td>
    <tr><td>type</td><td><select name="Type" disabled="disabled">...</select></td></tr>
    <tr><td><a class="button" href="#" onclick="doSave();return false;"><img src="commit_white.jpg"></img></a></td><td><a class="button" href="#" onclick="doCancel();return false"><img src="reset_white.jpg"></img></a></td></tr>
    </table>
        </form>
        </div>
        </div>
        </div>
        </div>
        </div>

  2. #2
    Join Date
    Feb 2009
    Posts
    159
    Thanks
    60
    Thanked 3 Times in 3 Posts

    Default

    To be able to center the menu is something that could be done with CSS 3 but I would not recommend it as I tried that with the exact same menu as your using right now and found that when I did so it was not possible for people on firefox 3 to view it. There seems to be a lot more Firefox 3 users then I realized. Also it did not display well in IE 7. The only way I could recommend to center it is by using the old center tags.
    <center>menu goes here</center>
    Computer repairs and Photo editing http://www.robinsden.com

  3. #3
    Join Date
    Jun 2006
    Posts
    20
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default IE 6 SELECT bug

    One more problem that i am facing is in IE6, menu is going behind SELECT element.

    what to do ?
    Last edited by buntyindia; 03-17-2009 at 04:57 AM.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •