Important Notice from AspDotNetStorefront
It is with dismay that we report that we have been forced, through the action of hackers, to shut off write-access to this forum. We are keen to leave the wealth of material available to you for research. We have opened a new forum from which our community of users can seek help, support and advice from us and from each other. To post a new question to our community, please visit: http://forums.vortx.com
Results 1 to 4 of 4

Thread: Stock flyout drop-down menus from top nav bar hidden behind homeintro using FireFox or Chrome

  1. #1
    rcvjmv is offline Junior Member
    Join Date
    Nov 2008
    Posts
    26

    Default Stock flyout drop-down menus from top nav bar hidden behind homeintro using FireFox or Chrome

    I have a live site (www.coinvalparts.com) using the final version 8. I have a flash slide show at the top of my "homeintro" topic. I have a jQuery slideshow in a localhost for version 9.3. Both look and work fine using IE 8 or 9. When viewing the live site using Chrome, the drop-down menus are hidden behind the flash. Firefox is ok with the flash, but does the same thing (hides the drop-down behind the slide) on my localhost jquery slide show. IE 8- 9 look fine. Any help tweaking this would be great. I do not have a bunch of custization, just made a topic the called the jquery slide show. AspDotNetStoreFront sells one as an add-on also. I just cannot figure why one browser puts the drop-downs on top, and the other puts the slide on top of the menu???
    Thanks

  2. #2
    GoVedia is offline Member
    Join Date
    Oct 2012
    Location
    Orange, CA
    Posts
    98

    Default Re: Hidden Drop Down

    Your live site appears to be working fine in Chrome, Firefox, IE and Safari with respect to the issue you described.

    If you are experiencing the issue on your local staging site, the cause can be a number of reasons, including incorrect HTML or CSS formatting. If your HTML looks fine, I suggest having a look at the CSS zindex property. W3Schools provides a nice overview: http://www.w3schools.com/cssref/pr_pos_z-index.asp

    Note: I noticed that your HTML does not include a DOCTYPE, which can potentially make it harder to keep your site rendering consistently across different browsers, since it can trigger quirks mode.
    Robert Kanaan
    AspDotNetStorefront Development Partner
    robert@GoVedia.com
    408-758-8845

    GoVedia
    http://GoVedia.com
    Approved AspDotNetStorefront Development Partner
    AspDotNetStorefront Recommended Reseller

  3. #3
    rcvjmv is offline Junior Member
    Join Date
    Nov 2008
    Posts
    26

    Default

    Quote Originally Posted by GoVedia View Post
    Your live site appears to be working fine in Chrome, Firefox, IE and Safari with respect to the issue you described.

    If you are experiencing the issue on your local staging site, the cause can be a number of reasons, including incorrect HTML or CSS formatting. If your HTML looks fine, I suggest having a look at the CSS zindex property. W3Schools provides a nice overview: http://www.w3schools.com/cssref/pr_pos_z-index.asp

    Note: I noticed that your HTML does not include a DOCTYPE, which can potentially make it harder to keep your site rendering consistently across different browsers, since it can trigger quirks mode.
    Thank you very much for the input. I was able to tweak the z-index values and it works great. I will look into the DOCTYPE, as it is a stock store and should be there....Thanks again

  4. #4
    GoVedia is offline Member
    Join Date
    Oct 2012
    Location
    Orange, CA
    Posts
    98

    Thumbs up Your Welcome!

    Great - Glad that worked out for you!
    Robert Kanaan
    AspDotNetStorefront Development Partner
    robert@GoVedia.com
    408-758-8845

    GoVedia
    http://GoVedia.com
    Approved AspDotNetStorefront Development Partner
    AspDotNetStorefront Recommended Reseller