+1-888-365-2779
Try Now
More in this section

Forums / Designing with Sitefinity / z-index issue with radmenu

z-index issue with radmenu

3 posts, 0 answered
  1. Frank Nieto
    Frank Nieto avatar
    5 posts
    Registered:
    30 May 2010
    14 Jul 2010
    Link to this post
    We are working on a site for a customer.  We have two horizontal menus with their respective dropdowns.  For whatever reason it works fine in all modern browsers except for IE 7.  Take a look at http://kme.tech1440.com/ProductDivisions/FireDivision.aspx and run it in IE 8 and then IE 8 in compatibility mode (IE7).  Look at the Product Divion menu and how it works differently in both browsers.

    CSS Excerpt:

    .RadMenu

     

     

    {

     

    /*background: #823400; */

     

     

    /*z-index: 1 !important; */

     

     

    z-index: 3 !important;

     

    }


    .RadMenu_Menu

     

     

    {

     

    /*background: #823400; */

     

     

    z-index: 2 !important;

     

    }



    Any suggestion is appreciated...
  2. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    19 Sep 2016
    16 Jul 2010
    Link to this post
    Hi Frank Nieto,

    the problem is not with the z-index. Inside App_Master/css.global.css you have defined a css class GlobalHeader_Menu from where you have to remove the positioning property. Then you should move GlobalHeader_Menu in GlobalHeader_middle


    Regards,
    Ivan Dimitrov
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  3. Jacques
    Jacques avatar
    427 posts
    Registered:
    28 Jun 2007
    03 May 2012
    Link to this post
    Hi Ivan and Frank, 

    I'm having a similar issue in IE7 where the drop down sub menu is appearing beneath a bunch of other controls. The positioning attribute that Ivan mentioned should be removed, what was that applied to? UL, DIV ? Which particular RadMenu html element? 

    Regards,
    Jacques
Register for webinar
3 posts, 0 answered