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
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 |