height problem ie6 & ie7

3 posts, 1 answers
  1. Kineas
    Kineas avatar
    11 posts
    Member since:
    Apr 2011

    Posted 07 Sep 2013 Link to this post

    Hi, i've read through a lot of the problems about height, tried a lot of things but nothing gets me the right result.

    I've been trying to make a page run correctly on ie6 & ie7 and i'm stuck at this one.


    the splitter decides to go to 400px. It is in a div that instead of height needs to have top and bottom (to fit the menu and the info bar). And for some reason it decides to override my 100% and just go to 400px. anything i try gets me a weird result.

  2. Answer
    Vessy avatar
    1357 posts

    Posted 10 Sep 2013 Link to this post

    Hi Kineas,

    When the Splitter is has size set in percentages you have to make sure that all of its parents also have configured such width and height up to a parent with a fixed size.

    The reason why the Splitter is not rendered correctly in some browsers is that you are expanding the Splitter's parent by applying an absolute position to it, but not a height style. What you could do is:
    • set the height of 100% to the splitterWrapper class:
          bottom: 44px;
          position: absolute;
          top: 42px;
          width: 99.9%;
          height: 100%;
    • Exclude the above top and bottom pixels from the height of the Splitter, by using its HeightOffset property:
      <div class="splitterWrapper">
          <telerik:RadSplitter ID="RadSplitter1" runat="server" Width="100%" Height="100%" HeightOffset="86" Orientation="Vertical">

    Attached you can find a sample page demonstrating the approach.

    Kind regards,
    Veselina Raykova
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
  3. Telerik UI for ASP.NET Core is out
  4. Kineas
    Kineas avatar
    11 posts
    Member since:
    Apr 2011

    Posted 10 Sep 2013 Link to this post

    Sweet. It worked. Thanks a lot.
Back to Top