[2.x] Grid Header issue on IE8

Hi there i just want to report a bug i noticed on Ext 2x versions on IE8
Besides i have read ie8 still its not yet supported but just for the record and give you the warning

TESTED OS and browsers

• Windows Vista with IE8
• XP sp3 with IE8

Tested Grid inside the next containers:

• Tab panel
• Panel with border layout

Tested versions

• 2.0.1
• 2.0.2
• 2.2.1

I have this code as small sample on how im creating my grid

HTML Code:

---

    var myarea_inbox_grid = new Ext.grid.GridPanel({
        header:false,
        id:'myinbox_grid_area',   
        store: myarea_inbox_ds,
        cm: myarea_inbox_colModelx,   
        sm: myarea_inbox_sm,
        frame:true,
        viewConfig: {
            autofill: false,
            forceFit:true,
            emptyText :'theres no records..!'
        },   
        tbar: myarea_inbox_tbarx,   
        bbar: myarea_inbox_bbarx
    });

---

An the result is this (image) :

http://e2cs.mm-mendez.com/images/bug...header_002.bmp

NOW if i set the compatibility header for IE8 as follows

HTML Code:

---

<meta http-equiv="X-UA-Compatible" content="IE=7" > <!-- IE7 mode -->

---

But in order to make it work as i desire i have to add my domain on the compatibility view configuration. I got the desired results emulating ie7 but not on Ie8:

http://e2cs.mm-mendez.com/images/bug...header_001.bmp

Pd:the working sample i have it but the code its for a client and i cannot give acces just like that,im willing to provide access only to Extjs staff if you want to check it out
pm me pls.;)

Just to be clear, you're saying the bug is the space above the title?

This bug only occurs when you have it inside a container? Can you provide a simplified test case to demonstrate the issue?

Quote:

---

Originally Posted by evant

Just to be clear, you're saying the bug is the space above the title?

This bug only occurs when you have it inside a container? Can you provide a simplified test case to demonstrate the issue?

---

I tested on the samples and no problem at all ,

It happens to me just inside tabpanel and panel with border layout, i PM you the access to my app if you want to be more specific on the issue ?

Hi Evant I've send you a pm with info and access to the app about this ;)

Its weird i have updated the Extjs 2.2.1 from the SVN and now if i have one of these on the headers

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta http-equiv="X-UA-Compatible" content="IE=7" >

Appears the blank header, but if i remove it, its ok :-? And also i have set no compatibility on the IE8
For the record the issue was only appearing on dinamic loading scripts

Sorry for reporting this, and scare you .! (:|

I am facing issues with IE8 and extJS 2.0.2 version. All the dropdown buttons are misaligned with the combo boxes where as it is perfectly in alignment when seen in IE7.

here is a snapshot

.x-panel-tl { display:none;}

thanks much for replying to my post but adding the line mentioned didn't helped :(