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