Positioning problems in DNN

3 posts, 0 answers
  1. Ky
    Ky avatar
    5 posts
    Member since:
    Sep 2010

    Posted 21 Oct 2010 Link to this post

    Hi guys :)

    Im having trouble positioning the RadMenu where I want it in my DNN skin.

    So far, I have it positioned fine in FF and IE8, but in IE7/6, the menu magically appears about 20px higher than its meant to. Im using the backdated IE renderer at : http://ipinfo.info/netrenderer/index.php to test my menu.

    Im a little confused as to why its sitting so high in IE7/6, but perfect in IE8/FF.

    Any hints?

    Ill post my CSS below, THANKS!!

    Test URL is at :

    --SkinObject Code--

    <div style="float:right; width: 100%;"><dnn:RADMENU id="dnnRADMENU" runat="server" <br>                            Skin="Menu"<br>                            EnableEmbeddedSkins="false"  <br>                            CollapseDelay="500" <br>                            ShowPath="True"<br>                            Width="100%"<br>                            Flow="Horizontal"<br>                            Align="Right"<br>                            ImagesOnlyMenu="false"<br>                            EnableAdminMenus="true"<br>                        /></div><br>

    -- CSS Code --

    /* RADMenu */
    .rwMenu{ text-align:right; clear:both;width:100%;padding:0px 0px 0px 0px; z-index:999 !Important;}
    .Admin .rwMenu{clear:both;width:100%;padding:0px 0px 0px 0px;}
    .RadMenu{float: none !Important; width:100%;}
    .rmRootGroup{ width:100%; margin:0px; padding: 0px;}

    /* Root Level - Menu Items */
    .RadMenu_Menu .rmRootGroup .rmItem { padding:0px; border:#0F0; float: right;}
    .RadMenu_Menu .rmRootGroup .rmItem .rmLink{padding:0px;}
    .RadMenu_Menu .rmRootGroup .rmItem .rmLink:hover{text-decoration:none;}
    .RadMenu_Menu .rmRootGroup .rmItem .rmLink .rmText { font-weight:normal ;font-size:12px; line-height:33px;font-family: Arial, sans-serif, Verdana; text-transform:uppercase; color:#FFF;cursor:pointer;}
    .RadMenu_Menu .rmRootGroup .rmItem .rmLink:hover .rmText{color: #000000;}
    .RadMenu_Menu .rmRootGroup .rmItem .rmLink:hover img{ cursor: pointer;}
    .RadMenu_Menu .rmRootGroup .rmItem .rmFocused .rmText{color: #FFFFFF;}

    /* Child Level - Menu Items */

    .RadMenu_Menu .rmGroup{ margin:0px; padding:0px; width: 125px;text-align:center; border-bottom: 1px solid #FFF; border-left: 1px solid #FFF; border-right: 1px solid #FFF;}
    .RadMenu_Menu .rmGroup .rmItem{ background-color:#b9122b; padding:0px;margin:0px; width: 125px; text-align:center; }
    .RadMenu_Menu .rmGroup .rmItem:hover{ cursor:pointer; background-color:#FFF;}

    .RadMenu_Menu .rmGroup .rmItem .rmLink{text-decoration:none;padding:0px;margin:0px; text-align:center; width: 125px;}
    .RadMenu_Menu .rmGroup .rmItem .rmLink .rmText{color:#FFFFFF;line-height:24px;font-size:12px;font-weight:normal;padding:0px;margin:0px;text-align:center;}
    .RadMenu_Menu .rmGroup .rmItem .rmLink:hover .rmText{color: #000000;}

    .RadMenu_Default{z-index:7010 !Important;}
  2. Ky
    Ky avatar
    5 posts
    Member since:
    Sep 2010

    Posted 24 Oct 2010 Link to this post

  3. Peter
    Peter avatar
    6637 posts

    Posted 26 Oct 2010 Link to this post

    Hi Ky,

    I tested your url with various versions of IE browser, but I couldn't see any difference. Were you able to fix the problem in the meantime?

    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
Back to Top