[Solved] Top part of master page become invisible when tab key pressed

[Priya]

Hi,
When I press tab key and when the content page get vertically scrolled,the top part of my master page becomes invisible..I find out the problem.It is because wh have set body height=100% in the masterpage.but when i removed that height,the page is not fully strechted.
I have used the radSpitters here.
The code is

<%@ Master Language="VB" CodeFile="Master.master.vb" Inherits="Master" %>
    <style type="text/css">
html, body, form
{
height: 100%;
width: 100%;
margin: 0px;
padding: 0px;
overflow: hidden;
  }
</style>
    <div id="topdiv" style="height: 66px;" runat="server">
           <asp:UpdatePanel ID="alertupdatepanel" runat="server">
            <div class="topmenu" id="topmenu" runat="server">
             <ul id="ul1" runat="server">
              li class="messages"><a href="#">Messages</a></li>
                 </ul>
               </div>
                <!--topmenu-->
                <div class="logout">
                <a href="logout.aspx" id="lnkLogOut" runat="server">Logout</a>
                </div>
                <!--logout-->
            </div>
            <!--topdiv-->
            <div id='content' style="margin: 0 auto; width: 100%; height: 100%; background-color: #FFFFFF; overflow: hidden;">
                <telerik:RadSplitter ID="RadSplitter1" runat="server" Width="100%" Height="100%" Style="background-color: #FFFFFF; border: none !important" Skin="newstyle" EnableEmbeddedSkins="false" VisibleDuringInit="false">
   <telerik:RadPane ID="LeftPane" runat="server" Width="160px" Height="100%">
          <div class="leftmenu">
           <div class="leftmenuinner">
          <telerik:RadAjaxPanel runat="server" ID="radajaxpanelmenu" Width="160px">
  <telerik:RadPanelBar runat="server" ID="RadPlBMasterMenu" PersistStateInCookie="false" Skin="newstyle" EnableEmbeddedSkins="false">
 <CollapseAnimation Duration="100" Type="None" />
    <ExpandAnimation Duration="100" Type="InBounce" />
         </telerik:RadPanelBar>
        </telerik:RadAjaxPanel>
         </div>
          </div>
   </telerik:RadPane>
     <telerik:RadSplitBar ID="RadSplitBar1" runat="server" CollapseMode="Forward" Height="100%" />
    <telerik:RadPane ID="MiddlePane1" runat="server" Scrolling="none" Height="100%">
    <div id="rightcontent" style="width: 100%">
   <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
                            </asp:ContentPlaceHolder>
                        </div>
                        <!--rightcontent-->
                    </telerik:RadPane>
                </telerik:RadSplitter>
            </div>


Plz help me..I m very much confused
Thanks

Plz help me..I m very much confused

Thanks

[Svetlina Anati]

Hello Priya,

I am afraid that the provided information was not enough to completely understand your setup and  the problem. I built up a test demo based on your explanations - it uses your master page and a content page with scrolling content but when I press tab nothing happens. That is why I believe that you should provide some more information about your setup.

What I can suggest is that you open the attached test demo, modify it in order to reproduce the issue and after you succeed, post the full source code of the two pages along with very detailed reproduction instructions and explanations. Once I am able to observe the problem locally I will do my best to help. 

Best wishes,
Svetlina
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.