jQuery Grid Plugin - jqGrid - Topic: 3.5 - Multiple Grids In Fixed Height Div - IE Problem http://www.trirand.com/blog/?page_id=393/help/35-multiple-grids-in-fixed-height-div-ie-problem Simple:Press Version 5.7.5.3 zepernick on 3.5 - Multiple Grids In Fixed Height Div - IE Problem http://www.trirand.com/blog/?page_id=393/help/35-multiple-grids-in-fixed-height-div-ie-problem#p7439 Help http://www.trirand.com/blog/?page_id=393/help/35-multiple-grids-in-fixed-height-div-ie-problem#p7439 I found the problem in case anyone encounters this in the future.  It appears it is an IE bug when you setup an overflow:auto div and the containing elements have a postion:relative style.  The outer div must also have postion:relative.  This link described our exact problem.  Hopefully this will help someone else in the future:

http://rowanw.com/bugs/overflo.....lative.htm

Paul

]]> Wed, 24 Jun 2009 08:14:20 +0300 zepernick on 3.5 - Multiple Grids In Fixed Height Div - IE Problem http://www.trirand.com/blog/?page_id=393/help/35-multiple-grids-in-fixed-height-div-ie-problem#p7437 Help http://www.trirand.com/blog/?page_id=393/help/35-multiple-grids-in-fixed-height-div-ie-problem#p7437 It appears that this is a problem in IE 7 as well.  The tables run outside of the height of the div and will not scroll inside of it.  This is what the HTML looks like

<div id="imgDiv" style="width:100%; float: left; overflow: auto;">

<div id="docListing">

<div style="width: 100%">

<table id="list_dt1" class="scroll"></table> 

<div id="pager_dt1" class="scroll" style="text-align:center;"></div>

</div>

</div>

The height of the div is being set with javascript when the page loads.  It has the same effect if the height is hardcoded into the style.  Does anyone see anythign wrong with this?  It has the desired behavior in IE 8 & FF

Paul

]]> Wed, 24 Jun 2009 07:39:14 +0300 zepernick on 3.5 - Multiple Grids In Fixed Height Div - IE Problem http://www.trirand.com/blog/?page_id=393/help/35-multiple-grids-in-fixed-height-div-ie-problem#p7426 Help http://www.trirand.com/blog/?page_id=393/help/35-multiple-grids-in-fixed-height-div-ie-problem#p7426 Also, it does not seem to be a problem in IE 8.  It is happening in IE 6, have not checked 7 yet.

]]> Tue, 23 Jun 2009 12:30:20 +0300 zepernick on 3.5 - Multiple Grids In Fixed Height Div - IE Problem http://www.trirand.com/blog/?page_id=393/help/35-multiple-grids-in-fixed-height-div-ie-problem#p7425 Help http://www.trirand.com/blog/?page_id=393/help/35-multiple-grids-in-fixed-height-div-ie-problem#p7425 Has anyone tried to stuff multiple grids in a div with a fixed height using the overflow for the scroll to see the grids in the div?  We have it working in FF, but the grids run outside of the div in IE.  We cannot figure out what the cause is.  Does anyone else have this problem, or have any suggestions on how to fix?

Thanks,

Paul

]]> Tue, 23 Jun 2009 12:11:00 +0300