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