This is a migrated thread and some comments may be shown as answers.

Tabstrip appears bad in Internet Explorer 9

1 Answer 37 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Rubén
Top achievements
Rank 1
Rubén asked on 13 Sep 2013, 08:02 PM
Hi everyone,

I've tried differents possible solutions for this error but i couldn't resolving it.

The problem is that the last RadTab of the RadTabStrip appears in a second line when it should be in the same line of the of the others RadTab. I've tried to change the width the all RadTabs, but it didn't works.

In Firefox and Chrome  everything appears fine.

I'm using the version 2013.1.319.35 of the Telerik.Web.UI.Skins.dll, Telerik.Web.UI and Telerik.Web.Design.

The CSS :

.pestanapanel.RadTabStrip .pestanapaneltexto span.rtsOut span.rtsIn span.rtsTxt:hover
{
    color:#008AC8;
    text-decoration:underline;
}
.pestanapanel.RadTabStrip .rtsLink
{
    padding-left:0px;
}
.pestanapanel.RadTabStrip li.rtsLI
{
    background-color: #d5d5d5;
    text-align:center;
    vertical-align: middle;
    padding-top:0px;
    padding-bottom:0px;
    padding-left:0px;
    padding-right:0px;
    width:175px;
    float:left;
    height:60px; /*33px;*/
    border-right: #999 1px solid;
    -webkit-border-radius:4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
    white-space:normal;
}

The control :

                <telerik:RadTabStrip ID="RadTabCarteras" runat="server" MultiPageID="RadMultiPageCarteras"
                    OnTabClick="RadTabStrip1_TabClick" SelectedIndex="0" Width="943px" Skin="Vista"
                    ScrollChildren="true" ScrollButtonsPosition="Middle" PerTabScrolling="true" 
                    CssClass="pestanapanel">
                    <Tabs>
                        <telerik:RadTab TabIndex="0" Text="<%$ Resources:Common, k000610 %>" CssClass="pestanapaneltexto">
                        </telerik:RadTab>
                        <telerik:RadTab TabIndex="1" Text="<%$ Resources:Common, k002037 %>" CssClass="pestanapaneltexto">
                        </telerik:RadTab>
                        <telerik:RadTab TabIndex="2" Text="<%$ Resources:Common, k002082 %>" CssClass="pestanapaneltexto">
                        </telerik:RadTab>
                        <telerik:RadTab TabIndex="3" Text="<%$ Resources:Common, k002061 %>" CssClass="pestanapaneltexto">
                        </telerik:RadTab>
                        <telerik:RadTab TabIndex="4" Text="<%$ Resources:Common, k001293 %>" CssClass="pestanapaneltexto">
                        </telerik:RadTab>
                        <telerik:RadTab TabIndex="5" Text="<%$ Resources:Common, k000667 %>" CssClass="pestanapaneltexto">
                        </telerik:RadTab>
                        <telerik:RadTab TabIndex="6" Text="<%$ Resources:Common, k001748 %>" CssClass="pestanapaneltexto">
                        </telerik:RadTab>
                    </Tabs>
                </telerik:RadTabStrip>


Thanks for your time and for your help.





1 Answer, 1 is accepted

Sort by
0
Nencho
Telerik team
answered on 17 Sep 2013, 01:52 PM
Hello Ruben,

I tried to replicate the described issue, using the specified version, but to no avail. Here is a video, demonstrating the tests I had performed. Would you specify the browsers, under which the problematic behavior occurs? In addition, please correct me if I had missed something, or doing anything wrong.

Regards,
Nencho
Telerik
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 the blog feed now.
Tags
TabStrip
Asked by
Rubén
Top achievements
Rank 1
Answers by
Nencho
Telerik team
Share this question
or