TabStrip and PageView border top issue in Internet Explorer 7

[Girithar Gajaraj]

Hi,

I am working in a tabbed layout, where i am facing an issue with the PageView border top and TabStrip intersecting area, The PageView border top is displaying under the selected tab too, I need to hide this border displaying under selected tab, I find this issue only in Internet Explorer lower version like 6,7.

I find this issue in the telerik demo's too, please find the screenshot attached, and let me know the solution as soon as possible.

Thanks & Regards,
Giri

[Paul]

Hello Girithar Gajaraj,

Please find below a sample code snippet that shows the needed approach.

<form id="form1" runat="server">
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
    </telerik:RadScriptManager>
    <telerik:RadTabStrip ID="RadTabStrip1" runat="server" Width="300px" MultiPageID="RadMultiPage1"
        SelectedIndex="0" style="position: relative">
        <Tabs>
            <telerik:RadTab runat="server" Text="Root Tab 1">
            </telerik:RadTab>
            <telerik:RadTab runat="server" Text="Root Tab 2">
            </telerik:RadTab>
            <telerik:RadTab runat="server" Text="Root Tab 3">
            </telerik:RadTab>
        </Tabs>
    </telerik:RadTabStrip>
    <telerik:RadMultiPage ID="RadMultiPage1" runat="server" Style="margin: -1px" Width="300px"
        BorderColor="Silver" BorderStyle="Solid" BorderWidth="1px" Height="300px" SelectedIndex="0">
        <telerik:RadPageView ID="PageView1" runat="server">
            PageView1</telerik:RadPageView>
        <telerik:RadPageView ID="PageView2" runat="server">
            PageView2</telerik:RadPageView>
        <telerik:RadPageView ID="PageView3" runat="server">
            PageView3</telerik:RadPageView>
    </telerik:RadMultiPage>
    </form>

All the best,
Paul
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.

[Girithar Gajaraj]

Hello Paul,

The solution worked fine, thank's a lot for your support.

Regards,
Giri

[Chris McKay]

Thanks

[jamie rushad]

To prevent the margin from overlapping on the left as well. Limit the inline style to just margin-top. Like so...

Style="margin-top: -1px"