RadMenu position changes in IE Compatibility View Mode

2 posts, 0 answers
  1. xtreme
    xtreme avatar
    22 posts
    Member since:
    May 2007

    Posted 17 May 2012 Link to this post

    Hello,
    I am using RadMenu for my site. In IE 8 (not in Comapatibility View mode), FF, or Chrome, the menu is displayed correctly. However, if i enable Compatibility View mode in IE, the menu is moved to different position. The demo is here: http://dev.xbook247.com/. What is a posible cause of this problem? Thanks.
    Vince
  2. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 21 May 2012 Link to this post

    Hello Vince,

    I inspected the web site that you provided and it seems that the following style renders the menu differently in IE7 and compatibility mode:
    div.menu { padding-top: 14px;}

    To have the expected appearance under IE7 I would suggest that you use the following style that removes the padding only in IE7:
    *+ html div.menu { padding-top: 0 !important; }
     
    Greetings,
    Kate
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top