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.
..alee
http://techboard.wordpress.com
