height problem ie6 & ie7

[Kineas]

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?

[Vessy]

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

[Kineas]

Sweet. It worked. Thanks a lot.