This is a migrated thread and some comments may be shown as answers.

Splitter height/width expanding beyond browser

1 Answer 100 Views

Splitter

This is a migrated thread and some comments may be shown as answers.

David asked on 07 Jun 2012, 08:56 PM

<style type="text/css">

html, form

{

height: 100%;

margin: 0px;

padding: 0px;

}

body

{

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

color: #333;

height: 100%;

margin: 0px;

padding: 0px;

background-color: #ffffff;

}

.topBar

{

width: 100%;

padding: 5px;

height: 35px;

display: block;

background-color: #336699;

}

.topBarLogo

{

}

</style>

<body>

<form id="form1" runat="server">

<div class="topBar">

<table width="100%">

<tr>

<td><div class="topBarLogo"><img src="/_Images/logo.png" /></div></td>

<td width="100"><a href="\login.aspx?logout=true" class="button">Logout</a></td>

</tr>

</table>

</div>

<telerik:RadScriptManager runat="server" ID="RadScriptManager1" />

<telerik:RadSplitter ID="RadSplitter1" runat="server" Height="100%" Width="100%" BorderSize="0">

<telerik:RadPane ID="navigationPane" runat="server" Width="250px" BackColor="#ffffff" Scrolling="Y">

<div class="LeftPane">

My Nav menu

</div>

</telerik:RadPane>

<telerik:RadSplitBar ID="RadSplitbar1" runat="server" CollapseMode="Forward" />

<telerik:RadPane ID="contentPane" runat="server" ContentUrl="/login.aspx" BackColor="White">

</telerik:RadPane>

</telerik:RadSplitter>

</form>

</body>

The RadSplitter is rendering with both the browser's horizontal and vertical scrollbars. I suspect it has to do with the topBar div - but I want the splitter to be 100% of the remaining width/height of the browser after the topBar?

Splitter height/width expanding beyond browser

1 Answer, 1 is accepted