jQuery Grid Plugin - jqGrid - Topic: bug on IE8 compatibility view with IE7

sabinstefanescu on bug on IE8 compatibility view with IE7

Fri, 01 Mar 2013 15:34:45 +0200

Thanks! It works very well.

But the problem with that div still still stands on ie7.

I tested jqGrid without the height and it seems to work flawlessly. Could that be a bug?

Regards,

Sabin

PS: nobody would simulate IE7 on the page willingly, but it will be used only on the intranet and since the default behaviour of IE8 is to render pages form the intranet in compat. view with IE7 standards, that could be a problem.

OlegK on bug on IE8 compatibility view with IE7

Fri, 01 Mar 2013 12:15:37 +0200

I recommend you to use meta http-equiv="X-UA-Compatible" like

or add "X-UA-Compatible" in the HTTP header by configure your web server (see here).

It will perevnt usage of Compatibility View independent on the setting of Internet Explorer. Why one should simulate IE7 on your HTML page?

Regards
Oleg

sabinstefanescu on bug on IE8 compatibility view with IE7

Fri, 01 Mar 2013 11:49:24 +0200

Hey Guys,

I've been experiencing a strange problem on IE8 with a combination of jqGrid and dialog in jQuery UI.

When loading a jQuery UI dialog on a selectRow event, the jqGrid table element moves up a few pixels (2 or 3 at most). Though the problem does not seem to appear on IE8 in general, it does appear on a page from the intranet.

Now here's what I managed to dig up:

Firstly, IE8 renders a page from the intranet in IE7 compatibility view by default, which is quite strange, but it's IE so no further questions asked.

Secondly, given the IE7 environment, jqGrid generates the elements differently and the parent div of the main table (the one right below #ui-jqgrid-bdiv) has a height:0.01% rule, added to the standard position:relative. Without that rule, everything seems to work fine, even on ie7.

So, my question is, what is the use of that height:0.01% rule. Couldn't jqGrid work the same without it?

Thank you very much,

Sabin Stefanescu