Have you tried giving the splitter a css rule like this: * html
div#myTestSplitter { height:100%;}

Not sure why you would want to have a slitter that is 100% in height
though.

Q.


On Sep 29, 9:13 am, "alee amin" <[EMAIL PROTECTED]>
wrote:
> Hi,
> I have a strange problem that exists only in IE. Other browsers (Firefox and
> Chrome) is displaying it correctly.
>
> Our application is in fluid layout i.e. all the widths and heights are
> flexible. So following is my div structure for horizontal splitter
>
> <body> *(height: 77 %)*
>     <div id="myTestSplitter"> *(height: 100 %)
>
> *         <div id="flexible-top"> *(**height: **50 %)*
>                 <br/>Hello <br/>Hello <br/>Hello <br/>Hello <br/>Hello
> <br/>Hello
>          </div>
>
>          <div id="flexible-bottom"> *(**height: **50 %)*
>                 <br/>Hello <br/>Hello <br/>Hello <br/>Hello <br/>Hello
> <br/>Hello
>          </div>
>     </div>
> </body
>
> When i add a horizontal splitter the splitter is placed correctly (right in
> middle of the 2 divs) in Firefox but in IE splitter is placed in the bottom
> of bottom panel, almost attached with bottom border of bottom panel. If I
> change the heights in pixels it works perfectly fine. Any comments would be
> highly appreciated.
>
> ..aleehttp://techboard.wordpress.com

Reply via email to