Hello Kamen Bundev
I have not placed 'position:relative' tag in my code.Though in case used it would have made the entire radtabstrip be located on top even on scroll.I am posting a part of my code :-
<
table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3" style="height: 21px;">
<radTS:RadTabStrip ID="RadTabStrip1" runat="server" AutoPostBack="True" CausesValidation="true">
<Tabs>
<radTS:Tab runat="server" Text="Save" CssClass="save" SelectedCssClass="save">
</radTS:Tab>
<radTS:Tab runat="server" Text="Delete" CssClass="delete" SelectedCssClass="delete">
</radTS:Tab>
<radTS:Tab runat="server" Text="Print" CssClass="print" SelectedCssClass="print">
</radTS:Tab>
<radTS:Tab runat="server" CssClass="closeWin" Text="Close" SelectedCssClass="closeWin">
</radTS:Tab>
</Tabs>
</radTS:RadTabStrip>
</td>
</tr>
</
table>
And this is a part of the css being applied on tabs of the radtabstrip control :-
.closeWin
{
background: transparent url('img/close.jpg') 2px 0px no-repeat;
}
Now when i use this radtabstrip in my code, on scroll of the page just the tabs of the radtabstrip come down and not the entire radtabstrip, as you could see in the last attachment.