Hi,

The splitter control works in compatibility mode but when we explicitly set our page to be rendered in IE8 mode, the splitter control no longer is visible. The splitter html is as follows..its pretty standard..

<eo:Splitter runat="server" Width="1000px" Height="320px" ID="splitPanes" BorderStyle="Solid"
DividerSize="7" BorderWidth="1px" BorderColor="#A7A6AA" ControlSkinID="None"
DividerImage="00080101" CollapseButtonImage="00080102" ExpandButtonHoverImage="00080105"
ExpandButtonImage="00080104" CollapseButtonHoverImage="00080103" Visible="false">
<eo:SplitterPane ID="SplitterPane2" Width="300px" Height="300px" runat="server" CssClass="gridBG">

...

Now here is the weird thing. The only thing I changed is that width property is now hardcoded to a specific width in pixels. Originally I had it with % so it can dynamically resize but then that caused a performance issue when navigating the cells.


Like I mentioned above, the page we explicitly force to render using IE8 using the following meta tag:

<meta http-equiv="X-UA-Compatible" content="IE=8" >

If we remove this tag, the splitter control is once again visible but the performance issue is there. If we force IE 8 setting, performance issue is gone but the splitter control is no lonver visible.
If we force IE 7 and lower or compatibility mode other than IE8, performance issue is back and splitter is visible.

Any ideas why this is? Is the splitter control not compatible with IE8? We are using the latest version 8.0.13.2.

I forgot to mention one thing. If you created a test page, and just run it locally on localhost, it will work because by default, IE8 will run on compatibility mode on any pages hosted locally. The test on a local machine will not be a valid test.

Please make sure you have the following:

In IE -> Tools -> Compability View Settings -> Make sure the 'Display intranet sites in Compatibility View' unchecked.

Refresh the page and see if your splitter is still viewable.