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

Forums / Developing with Sitefinity / Cross Browser Compatability

Cross Browser Compatability

4 posts, 0 answered
  1. Deepak
    Deepak avatar
    17 posts
    Registered:
    30 Aug 2010
    28 Sep 2010
    Link to this post
    Hello
    I have completed the site by using sitefinity cms.
    Now the site on testing phase.The problem is that website page show different look and feel in different web browser
    like internet explore, google crome, firefox etc.
    How i can fix that problem. There is any functionality in sitefinity to fix that problem plz help me .
    Thank's
    Deepak sharma
  2. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    09 Dec 2016
    28 Sep 2010
    Link to this post
    Hello Deepak,

    You have some issues with your css styles. We ensure that our built-in css are cross browser compatible. You need to fix rules in the custom stylesheets you have applied to the website and make them cross browser compatible.

    Kind 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. Deepak
    Deepak avatar
    17 posts
    Registered:
    30 Aug 2010
    06 Oct 2010
    Link to this post
    Hi telrik
                In testing phases i am find that Rad menu is hide under the slide show control. When I am refresh the page then menu item appear.in internet explorer 7 .and refreshing it's again hide. Might be there is any problem in Z INDEX menu problem the rad menu css file is being using is...
    .RadMenu
    {
        white-space:nowrap;
        float:left;
        position:relative;
        z-index:7000px;
    }

    .RadMenu .rmRootGroup
    {
        margin:0;
        padding:0;
        position:relative;
        left:0;
        display: inline-block;
    }

    * html .RadMenu .rmRootGroup { float: left; }

    .RadMenu:after,
    .RadMenu .rmRootGroup:after
    {
        content:"";
        display:block;
        height:0;
        overflow: hidden;
        line-height:0;
        font-size:0;
        clear:both;
        visibility:hidden;
    }

    .RadMenu ul.rmVertical,
    .rmRootGroup ul.rmHorizontal,
    .RadMenu_Context ul.rmHorizontal
    {
        margin:0;
        padding:0;
        display:none;
        position:relative;
        left:0;
        float:left;
    }

    .rmSized ul.rmVertical
    {
        width: 100%;
    }

    .rmSized ul.rmRootGroup
    {
        float: none;
    }

    .rmSized .rmRootGroup .rmVertical
    {
        width: auto;
    }

    .RadMenu .rmItem
    {
        float:left;
        position:relative;
        list-style-image: none;
        list-style-position:outside;
        list-style:none;   
    }

    * html .RadMenu .rmItem
    {
        display:inline;
    }

    .RadMenu .rmHorizontal .rmItem
    {
        clear:none;
    }

    .RadMenu .rmVertical .rmItem
    {
        clear:both;
    }

    .rmSized .rmVertical .rmItem
    {
        width: 100%;
    }

    .rmSized .rmHorizontal .rmItem,
    .rmSized .rmRootGroup .rmVertical .rmItem
    {
        width: auto;
    }

    .RadMenu ul.rmActive,
    .RadMenu ul.rmRootGroup
    {
        display:block;
    }

    .RadMenu .rmSlide,
    .RadMenu_Context
    {
        position:absolute;
        overflow:hidden;
        display:none;
        float:left;
    }

    * html .RadMenu .rmSlide,
    * html .RadMenu_Context
    {
        height:1px;
    }

    .RadMenu_Context
    {
        z-index:1000;
        overflow:visible;
    }

    .RadMenu .rmText
    {
        display:block;
    }

    .RadMenu div.rmText /*templates*/
    {
        white-space:normal;
        background: transparent;
    }

    .RadMenu a.rmLink
    {
        cursor:default;
        display:block;
    }

    .rmScrollWrap
    {
        position:absolute;
        float:left;
        overflow:hidden;
        left:0;
    }

    .RadMenu .rmLeftArrow,
    .RadMenu .rmTopArrow,
    .RadMenu .rmBottomArrow,
    .RadMenu .rmRightArrow
    {
        position:absolute;
        z-index:2000;
        text-indent:-1000em;
        font-size: 0;
        line-height: 0;
        outline: 0;
        overflow: hidden;
    }

    .RadMenu .rmLeftArrowDisabled,
    .RadMenu .rmTopArrowDisabled,
    .RadMenu .rmBottomArrowDisabled,
    .RadMenu .rmRightArrowDisabled
    {
        display:none;
        text-indent:-1000em;
        font-size: 0;
        line-height: 0;
    }

    .RadMenu .rmBottomArrow,
    .RadMenu .rmBottomArrowDisabled
    {
        margin-bottom: -1px;
    }

    .RadMenu .rmLeftImage
    {
        border:0;
        float:left;
    }

    .RadMenu_rtl
    {
        float:right;
        text-align: right;
    }

    .RadMenu_rtl ul.rmHorizontal,
    .RadMenu_rtl ul.rmVertical
    {
        float:right;
    }

    .RadMenu_rtl .rmItem
    {
        float:right;   
    }

    .RadMenu_rtl .rmLeftImage,
    .RadMenu_Context_rtl .rmLeftImage
    {
        border:0;
        float:right;
    }

    .RadMenu_rtl .rmLeftArrow,
    .RadMenu_rtl .rmTopArrow,
    .RadMenu_rtl .rmBottomArrow,
    .RadMenu_rtl .rmRightArrow,
    .RadMenu_rtl .rmLeftArrowDisabled,
    .RadMenu_rtl .rmTopArrowDisabled,
    .RadMenu_rtl .rmBottomArrowDisabled,
    .RadMenu_rtl .rmRightArrowDisabled
    {
        text-indent:1000em !important;
    }

    .RadMenu .rmLink
    {
        width:auto;
    }

    .RadMenu .rmSeparator,
    .RadMenu .rmSeparator:after
    {
        line-height: 0;
        font-size: 0;
        overflow: hidden;
    }

    .RadMenu div.rmRootGroup
    {
        position: relative;
    }
    /* <base styles> */

    .RadMenu .rmItem
    {
        padding: 0;
        
    }

    .RadMenu .rmLink
    {
        padding: 0 0 0 12px;
        outline: 0;
        float: left;
    }

    .RadMenu .rmText
    {
        padding-bottom: 1px;
        float: left;
    }

    /* optimized for 16x16 */
    .RadMenu .rmLeftImage
    {
        margin: 4px 2px 0 -3px;
        padding-bottom: 4px;
    }

    .RadMenu .rmVertical .rmLeftImage+.rmText
    {
        padding: 0 8px 1px 24px;
    }

    .RadMenu .rmVertical .rmText
    {
        padding: 0 15px 1px 0;
    }

    .RadMenu .rmHorizontal .rmText
    {
        padding: 0 12px 1px 0;
    }

    .RadMenu_rtl .rmVertical .rmText
    {
        padding: 0 15px 1px 0;
    }

    .RadMenu .rmVertical .rmText,
    .RadMenu .rmHorizontal .rmVertical .rmText
    {
        display: block;
        float: none;
    }

    .RadMenu .rmVertical .rmLink,
    .RadMenu .rmHorizontal .rmVertical .rmLink
    {
        float: none;
    }

    * html .RadMenu .rmGroup .rmVertical .rmLink,
    * html .RadMenu .rmGroup .rmHorizontal .rmLink
    {
        float: left;
    }

    .RadMenu .rmRootGroup .rmItem .rmGroup
    {
        padding-bottom: 1px;
    }

    .RadMenu .rmGroup .rmItem
    {
        padding: 0;
    }

    .RadMenu .rmGroup .rmLink,
    .RadMenu .rmSlide .rmGroup .rmTemplate
    {
        padding: 0;
    }

    .RadMenu_rtl .rmGroup .rmLink,
    .RadMenu_rtl .rmSlide .rmGroup .rmTemplate
    {
        padding: 0;
    }

    .RadMenu .rmGroup .rmText
    {
        padding: 0 54px 0 28px;
        margin: 0 0 0 4px;
    }

    .RadMenu_rtl .rmGroup .rmText
    {
        padding: 0 28px 0 54px;
        margin: 0 4px 0 0;
    }

    .RadMenu .rmSlide .rmVertical .rmLeftImage+.rmText,
    .RadMenu_Context .rmGroup .rmLeftImage+.rmText
    {
        padding: 0 54px 0 28px;
    }

    .RadMenu_rtl .rmSlide .rmVertical .rmLeftImage+.rmText,
    .RadMenu_Context_rtl .rmGroup .rmLeftImage+.rmText
    {
        padding: 0 28px 0 54px;
    }

    .RadMenu .rmSlide .rmHorizontal .rmText
    {
        padding: 0 11px 0 10px;
    }

    .RadMenu .rmGroup .rmLeftImage
    {
        margin: 4px 0 0 6px;
    }

    * html .RadMenu .rmGroup .rmLeftImage { margin-left: 4px; }
    *+html .RadMenu .rmGroup .rmLeftImage { margin-left: 4px; }

    .RadMenu_rtl .rmGroup .rmLeftImage
    {
        margin: 4px 6px 0 0;
    }

    * html .RadMenu .rmGroup .rmLeftImage { position: absolute; }
    *+html .RadMenu .rmGroup .rmLeftImage { position: absolute; }

    * html .RadMenu_rtl .rmGroup .rmLeftImage { right: 0; }
    *+html .RadMenu_rtl .rmGroup .rmLeftImage { right: 0; }


    /* <separators> */

    .RadMenu .rmSeparator .rmText
    {
        line-height: 0;
        font-size: 0;
        padding: 0;
        background-repeat: repeat-x;
        overflow: hidden;
    }

    .RadMenu .rmVertical .rmSeparator .rmText,
    .RadMenu .rmHorizontal .rmVertical .rmSeparator .rmText
    {
        height: auto;
        width: auto;
        padding-bottom: 2px;
    }

    *+html .RadMenu .rmSeparator .rmText,   /* IE7 separator height problem */
    *+html .RadMenu .rmVertical .rmSeparator .rmText,
    *+html .RadMenu .rmHorizontal .rmVertical .rmSeparator .rmText
    {
        height: 2px;
        padding: 0;
    }

    * html .RadMenu .rmVertical .rmSeparator .rmText { height: auto; padding: 2px 0 0; }
    * html .RadMenu .rmHorizontal .rmSeparator .rmText { padding: 0; }

    .RadMenu .rmRootGroup .rmSeparator .rmText
    {
        margin: 1px 12px;
    }

    .RadMenu .rmRootGroup .rmVertical .rmSeparator .rmText,
    .RadMenu_Context .rmVertical .rmSeparator .rmText
    {
        margin: 1px 2px 1px 31px;
    }

    .RadMenu_rtl .rmRootGroup .rmVertical .rmSeparator .rmText,
    .RadMenu_Context_rtl .rmVertical .rmSeparator .rmText
    {
        margin: 1px 31px 1px 2px;
    }

    .RadMenu .rmHorizontal .rmSeparator .rmText,
    .RadMenu .rmVertical .rmHorizontal .rmSeparator .rmText
    {
        margin: 2px 0 0;
        height: 20px;
        width: 2px;
    }

    /* </separators> */

    /* <scroll arrows> */

    .RadMenu .rmLeftArrow,
    .RadMenu .rmRightArrow
    {
        width: 10px;
        height: 24px;
    }

    .RadMenu .rmTopArrow,
    .RadMenu .rmBottomArrow
    {
        height: 10px;
        width: 100%;
    }

    /* </scroll arrows> */

    /* </base styles> */

    so please let me explain in which property of RadMenu.css file have to be changed for IE 7 ie where set the  Z-index property ,

    thanks
  4. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    09 Dec 2016
    06 Oct 2010
    Link to this post
    Hello Deepak,

    Please check - Menu / Overlay and Z-index demystified.
    You are also using position:absolute in several rules which could case this issue.

    Greetings,
    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
Register for webinar
4 posts, 0 answered