Splitter 100% height

Thanks for the Reply,

Unfortunately I am unable to get the height 100% to work with a MVC splitter. The link you show applies to a Kendo-UI splitter, not a Kendo UI MVC splitter. They are coded a bit differently. My code looks as follows:

@(Html.Kendo().Splitter()
.Name("Splitter")
.Orientation(SplitterOrientation.Vertical)
.Panes(verticalPanes =>
{
 verticalPanes.Add()
.Size("62px")
.HtmlAttributes(new { id = "header-pane" })
.Resizable(false)
.Collapsible(false)
.Content(@<div class="pane-content">

          //</div>);

verticalPanes.Add()
.HtmlAttributes(new { id = "content-pane" })
.Scrollable(false)
.Size("100%")
.Collapsible(false)
.Content(
Html.Kendo().Splitter()
.Name("horizontal")
.HtmlAttributes(new { style = "height: 100%;" })
.Panes(horizontalPanes =>
{
horizontalPanes.Add()
.HtmlAttributes(new { id = "left-pane" })
.Size("160px")
.Collapsible(true)
.Content(@<div class="pane-content">
</div>);

horizontalPanes.Add()
.HtmlAttributes(new { id = "MainContent" })
.Collapsible(true)
//.Size("100%")
.LoadContentFrom(Url.Content(""));
}).ToHtmlString()
);


 verticalPanes.Add()
.Size("100%")
.HtmlAttributes(new { id = "footer-pane" })
.Resizable(false)
.Collapsible(false)
.Content(@<div class="pane-content">
</div>);
      })
)