Hi,

i don't know if this problem is telerik or a general problem ..

in my scenario is a master page with 3 contents (toolbar (whole width and top of page), left pane (left of the content), content). the left pane and the content are divided by a RadSplitter (RadSplitBar).

Now when I set the height of the radsplitter to 100%, firefox doens't fit it till the bottom and i when i set a fix height, at example 1000px it looks ok, but when the left pane or content have so much content to show, that scrollbars should be appear, nothing is gonna happen. because the height of 1000px doens't allow it.

so my question is, how can i set the height, that the whole page is filled and scrollbars appears..

sorry for my englisch.. and thx 4 advices
basti

Hi Bastian,

When you have the RadSplitter configured in percentages, all its parent elements including the body, form and html should have their size explicitly set either in percentages or pixels in order to let the splitter calculate the size it should take - you can see a sample demo explaining this below:

http://demos.telerik.com/aspnet-ajax/splitter/examples/resizewithwindow/defaultcs.aspx

This being said, you will get the desired behavior by adding the following style to your page:

  <style type="text/css">  
    html, body, form  
    {  
      height: 100%;  
      margin: 0;  
      padding: 0;  
    }  
      
    </style> 

and also set all parent elements' heights explicitly e.g DIV, TABLE, TR, TD, etc if the splitter is nested in another element.

On a side note, I also suggest to set VisibleDuringInit=false for the splitter - this will hide the initial resizing of the splitter from the end user and you will get a better behavior.

Greetings,

Svetlina
the Telerik team