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

RadTabStrip Not showing properly in IE6

1 Answer 45 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Clifton Brown
Top achievements
Rank 1
Clifton Brown asked on 11 Jul 2011, 05:26 AM
Hello, I am using RadControls for ASP.NET AJAX version 2009.3.1314.20
My Horizontal TabStrip works fine in IE 7, 8, FF & Chrome but in IE 6 the width of each tab seems to be  Auto (100%) because the tabs stack vertically one above the other like they should for a vertical tabstrip. I inspected the CSS using IE Developer Tools and when I hover over the DIVs that hold each tab the highligh of the dv spans 100% of the container holding the tab control. I was hoping simply modifying the style to include a fixed width for the tabs and float them left  would fix this but either that doesn't work or I am not overriding the appropriate styles. Here is what I have tried but this doesn't work

.RadTabStrip .rtsLI
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    OVERFLOW: hidden;
    PADDING-TOP: 0px;
    LIST-STYLE-TYPE: none;
    width:100px !important;
    float:left;
}

.RadTabStrip .rtsLink
{
    TEXT-ALIGN: center;
    width:100px !important;
}

Any suggestions on how I can fix this issue?

Thanks in advance
Cliff

1 Answer, 1 is accepted

Sort by
0
Ian
Top achievements
Rank 1
answered on 14 Jul 2011, 09:49 AM
Cliff,

I don't have that version, but it the newest controls there is no such bug.

Could you paste the generated HTML and the CSS related (altogether 3 files) and I will have a look at them.
Tags
TabStrip
Asked by
Clifton Brown
Top achievements
Rank 1
Answers by
Ian
Top achievements
Rank 1
Share this question
or