This is a migrated thread and some comments may be shown as answers.

height problem ie6 & ie7

2 Answers 16 Views
Splitter
This is a migrated thread and some comments may be shown as answers.
Kineas
Top achievements
Rank 1
Kineas asked on 07 Sep 2013, 01:11 PM
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.

http://urbanism.pmb.ro/

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.

suggestions?

2 Answers, 1 is accepted

Sort by
0
Accepted
Vessy
Telerik team
answered on 10 Sep 2013, 02:00 PM
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:
    .splitterWrapper
    {
        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
Telerik
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.
0
Kineas
Top achievements
Rank 1
answered on 10 Sep 2013, 02:15 PM
Sweet. It worked. Thanks a lot.
Tags
Splitter
Asked by
Kineas
Top achievements
Rank 1
Answers by
Vessy
Telerik team
Kineas
Top achievements
Rank 1
Share this question
or