I have an aspx application with master page.My content page is inherited master page and inside the content page i have 5 radtabs.Each having a navigateurl inside vb code and redirect to different pages(not inherited by master page).My problem is when i press "tab" in the key board the Header portion of page is disappeared. and the vertical scroll bar have no bottom portion seen.
Master page code
---------------------
<%@ Master Language="VB" CodeFile="ESCCMaster.master.vb" Inherits="ESCCMaster" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<title>ESCC APP V3.1</title>
<link href="css/escc.css" rel="stylesheet" type="text/css" />
<link href="Skins/gridnewstyle/grid.gridnewstyle.css" rel="stylesheet" type="text/css" />
<link href="Skins/newstyle/PanelBar.newstyle.css" rel="stylesheet" type="text/css" />
<link href="Skins/Vista/Dock.vista.css" rel="stylesheet" type="text/css" />
<link href="Skins/newstyle/Dock.newstyle.css" rel="stylesheet" type="text/css" />
<link href="Skins/newstyle/grid.newstyle.css" rel="stylesheet" type="text/css" />
<link href="Skins/Office2007/Grid.Office2007.css" rel="stylesheet" type="text/css" />
<link href="Skins/newstyle/Splitter.newstyle.css" rel="stylesheet" type="text/css" />
<style type="text/css">#divLoadCont {
Z-INDEX: 100; LEFT: 0px; WIDTH: 100%; POSITION: absolute; TOP: 0px; HEIGHT: 100%; BACKGROUND-COLOR: whitesmoke; layer-background-color: white
}
.highlight {
BACKGROUND: yellow; COLOR: black
}
.commu_text_area {
BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; MARGIN: 5px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 100%; BORDER-BOTTOM: #cccccc 1px solid; HEIGHT: 150px
}
</style>
<style type="text/css">
html, body, form
{
height: 100%;
width: 100%;
margin: 0px;
padding: 0px;
overflow: hidden;
}
</style>
<!--<script type="text/javascript">
//<![CDATA[
var screenHeight = screen.height;
var browserToolBarHeight = 220;
var header = document.getElementById('topdiv').offsetHeight;
var footer = document.getElementById('footer').offsetHeight;
var contentH = screenHeight - (header + footer+browserToolBarHeight) + "px";
document.getElementById('content').style.height = contentH;
document.getElementById('RadSplitter1').style.height = RadSplitter1H;
document.getElementById('rightcontent').style.height = contentH;
document.getElementById('LeftPane').style.height = contentH;
//]]>
</script>-->
</head>
<body runat="server" id="masterbody">
<form id="form1" runat="server">
<telerik:RadScriptManager runat="server" ID="RadAjaxManager1" AsyncPostBackTimeout="10000">
</telerik:RadScriptManager>
<script type="text/javascript">
function OnClientItemClickedHandler(sender, eventArgs)
{
return false;
}
if (<%=val(Request.QueryString("is_tel"))%>!=1)
{
if (window != window.top)
{
window.top.document.location.href = document.location.href;
}}
</script>
<div class="wrapper" id="ParentDivElement" style="height: 100%; overflow: hidden">
<table style="position:absolute;">
<tr><td>
<telerik:RadToolTip Visible="false" Font-Bold="true" BackColor="#99CCFF" ForeColor="white"
ShowCallout="false" Position="TopCenter" Modal="true" ID="message1" VisibleOnPageLoad="false"
runat="server" Skin="Office2007" Animation="FlyIn" ShowDelay="50" >
<table style="width: 170px; height: 20px;">
<tr style="height: 20px;">
<td style="width: 100%;">
<asp:Label ID="lblmsg" runat="server" Font-Bold="true" Text="Message!">
</asp:Label>
</td>
</tr>
<%-- <tr>
<td align="center" colspan="2">
<asp:Button ID="messagebtnok" runat="server" Visible="true" Text="OK" />
</td>
</tr>--%>
</table>
</telerik:RadToolTip>
</td></tr>
</table>
<div id="topdiv" style="height: 66px;" runat="server">
<div class="logo">
<img src="images/logo.gif" alt="ESCC" title="ESCC" />
</div>
<!--logo-->
<asp:UpdatePanel ID="alertupdatepanel" runat="server">
<ContentTemplate>
<asp:Timer runat="server" ID="timer1" Interval="300000">
</asp:Timer>
<div class="topmenu" id="topmenu" runat="server">
<ul id="ul1" runat="server">
<li class="userhomepage"><a href="work_list.aspx">User Homepage</a></li>
<li class="messages"><a href="#">Messages</a></li>
<li class="documents"><a href="#">Documents</a></li>
<li class="alerts" runat="server" id="liAlerts"><a href="User_Messages.aspx" runat="server" id="lnkaAlerts">Alerts </a>
<%--<asp:Label runat="server" ID="lblopenbracket" Text="("></asp:Label>
<asp:LinkButton runat="server" ID="lnkalertcnt" Text="10"></asp:LinkButton>
<asp:Label runat="server" ID="lblclosebracket" Text=")"></asp:Label>--%></li>
<li class="settings"><a href="#">Settings</a></li>
</ul>
</div>
</ContentTemplate>
</asp:UpdatePanel>
<!--topmenu-->
<div class="logout">
<asp:Label ID="lblUserName" runat="server"></asp:Label>
<span class="logdivider">|</span>
<asp:Label ID="lblDate" runat="server"></asp:Label>
<span class="logdivider" id="htmlLogDivider" runat="server">|</span> <span class="logoutc">
<a href="logout.aspx" id="lnkLogOut" runat="server">Logout</a></span>
</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="leftmenutop">
</div>
<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 class="leftmenubottom">
</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>
<!--content-->
</div>
<!--wrapper-->
</form>
</body>
</html>