I have followed the Resizing example and it is working when the splitter is the only content in the window. But I am struggling with trying to have a banner displayed above the main content. When it is there then the bottom of the splitter extends beyond the bottom of the browser window (due to overflow:hidden) and I can't figure out how to fix it. Any suggestions?
Thanks,
Anne
Thanks,
Anne
<
html xmlns="http://www.w3.org/1999/xhtml">
<
head id="Head1" runat="server">
<link rel="stylesheet" type="text/css" href="Styles.css" />
<style type="text/css">
html, body, form
{
height: 100%;
margin: 0px;
padding: 0px;
overflow: hidden;
}
</style>
</
head>
<
body scroll="no" style="height:100%;margin:0">
<form runat="server" id="mainForm" method="post">
<asp:ScriptManager ID="ScriptManager" runat="server" />
<div style="width:100%;height:100%">
<telerik:RadSplitter runat="server" Width="100%" ID="MainSplitter"
Skin="Office2007"Height="100%" ResizeMode="EndPane">
.......
</telerik:RadSplitter>
</
div>
</form>
</
body>
</
html>