PDA

View Full Version : IE grid within a contentpanel not scrolling



baohx2000
26 Apr 2007, 3:52 PM
I have an oddity. I have multiple grids set up within one contentpanel (I would use a gridPanel, but I do not want to have to tab back and forth).
Anyway, my problem is in IE (6+). When the page is fully rendered, scrolling the contentpanel does not affect the grids. It is as if they are absolute positioned. It works fine in firefox.

If I add an extra tab to the contentpanel, it fixes the IE bug.

Does anyone have any idea what is causing this and how to fix it?

You can observer the problem at:
http://bugs.baohx.com/acl

tryanDLS
26 Apr 2007, 5:13 PM
Shot in the dark, but somewhere you have an unmatched div tag. Maybe confusing IE6

baohx2000
26 Apr 2007, 9:00 PM
Thanks for the find, but fixed it and it is still happening. It does pass xhtml1.0 now.
:-?
Grr...stupid IE.

mccann
27 Apr 2007, 1:09 AM
This is most likely due to a known problem in IE7 with the CSS position attribute and overflow.

Try changing this in your code:
<div id="ext-gen117" class="x-layout-panel-body" style="overflow: auto; height: 207px;">
to
<div id="ext-gen117" class="x-layout-panel-body" style="overflow: auto; height: 207px; position: relative">

In other words, set the scrollable container to "position: relative". That fixed the same issue for me in IE7 when I was using a form inside a scrollable BasicDialog.

For more details, check out http://extjs.com/forum/showthread.php?t=4621 and see if that helps.

baohx2000
27 Apr 2007, 7:24 AM
Awesome.
Here's what I used to fix:

Ext.select('.x-layout-panel-body').setStyle('position','relative');

Thanks, mccann!