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

Forums / Developing with Sitefinity / TabStrip on Sitefinity with IE 7 and IE 6

TabStrip on Sitefinity with IE 7 and IE 6

6 posts, 1 answered
  1. Gokhan
    Gokhan avatar
    32 posts
    Registered:
    11 Jul 2008
    15 Sep 2009
    Link to this post
    Hi;

    We are using Tabstrip control (Sitefinity 3.7) with full images (no text). This approach works fine with All browsers but IE7 and IE6. i have searched Rad Controls forum but couldnt find any similar issue.Any suggestion?

    Thank you..
  2. Gokhan
    Gokhan avatar
    32 posts
    Registered:
    11 Jul 2008
    16 Sep 2009
    Link to this post
    Any update or fix related to that.  Html code which is rendered by "tabstrip" generates Span within Anchor tag  doesnt work in IE & and IE 6.Thank you 
  3. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    16 Jun 2017
    16 Sep 2009
    Link to this post
    Hello Gokhan,

    Could you tell us how the tabs are styled. With css or programmatically? Can you send us a link from where we can observe this behavior?

    Best wishes,
    Ivan Dimitrov
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
  4. Gokhan
    Gokhan avatar
    32 posts
    Registered:
    11 Jul 2008
    16 Sep 2009
    Link to this post
    Css are controlled by Css but images are being controlled programaticly

    here is the link you can see this behaviour

    http://89.234.4.117/Rimes/solutions.aspx

    Thanx
  5. Katia
    Katia avatar
    194 posts
    Registered:
    01 Jul 2016
    16 Sep 2009
    Link to this post
    Hi Gokhan,

    I think the SPANs with class .rtsOut and .rtsIn come over the link (.rtsLink) and therefore it cannot be clicked. I suggest that you do not float those two SPANs or don't float them for IE 6 and 7 only.

    The CSS rules that float .rtsOut and .rtsIn are in http://89.234.4.117/Rimes/App_Themes/Rimes/TabStrip/styles.css

    line 53 
    .RadTabStrip_Rimes .rtsLevel1 ul .rtsOut { 
    float:left; 
    padding:0 0 0 0; 
     
    line 63 
    .RadTabStrip_Rimes .rtsLevel1 ul a .rtsIn { 
    float:left; 
    height:35px; 
    padding:0; 
    width:225px; 

    You can either remove the highlighted line and ensure does not break anything else (float: left) or unfloat for IE 6 and 7 like shown below

    .RadTabStrip_Rimes .rtsLevel1 ul .rtsOut {  
    float:left;  
    _float:none;  
    *float:none;  
    padding:0 0 0 0;  
    }  
    .RadTabStrip_Rimes .rtsLevel1 ul a .rtsIn {  
    float:left;  
    _float:none;  
    *float:none;  
    height:35px;  
    padding:0;  
    width:225px;  
    }  


    All the best,
    Katia
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
    Answered
  6. Gokhan
    Gokhan avatar
    32 posts
    Registered:
    11 Jul 2008
    16 Sep 2009
    Link to this post
    it works. Thank you so much
Register for webinar
6 posts, 1 answered