Hi Alex Tushinsky,
The following elements do not have height either in percentages or in pixels:
- <div id="container">
- <div id="content">
|<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server"><div >
As a result, the height of these elements depends on the height of their content. However, setting Height=100% for the RadSplitter, means that the splitter should become as high as its parent element - the DIV element from the third point above, which in turn has no height and depends on the height of its content - the splitter.
Please note that this is not something specific to the RadSplitter control - in case you remove the RadSplitter from your page and replace it with a simple DIV element with height=100%, this DIV element will not become 100% of its parent DIV element, but rather as high as its content.
In order to configure your page correctly in this case, you have to set height to the above mentioned elements.
An alternative approach in your case would be the following:
- Remove the DIV elements from point 2 and point 3 in the above list.
- Set "height:100%" to the <div id="container">.
- Set HeightOffset for the RadSplitter to the sum of the heights of the header and footer elements.
I have attached a page that demonstrates the second approach.
the Telerik team