Forum
Log In
Home
Topic RSS
12:11
27/03/2009
Offline
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
12:30
27/03/2009
Offline
Also, it does not seem to be a problem in IE 8. It is happening in IE 6, have not checked 7 yet.
07:39
27/03/2009
Offline
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
08:14
27/03/2009
Offline
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
Most Users Ever Online: 715
Currently Online:
157 Guest(s)
Currently Browsing this Page:
1 Guest(s)
Top Posters:
OlegK: 1255
markw65: 179
kobruleht: 144
phicarre: 132
YamilBracho: 124
Renso: 118
Member Stats:
Guest Posters: 447
Members: 11373
Moderators: 2
Admins: 1
Forum Stats:
Groups: 1
Forums: 8
Topics: 10592
Posts: 31289
Newest Members:
, razia, Prankie, psky, praveen neelam, greg.valainis@pa-tech.comModerators: tony: 7721, Rumen[Trirand]: 81
Administrators: admin: 66
