This is a really simple little CSS bug that seems to affect IE 6, 7,
and 8 but not FireFox.
I'm on CB 2.6.3 and I was playing with the ColdBox Cache monitor. I
had turned the thing off back when I first started using CB becuase we
really didn't use caching. I dug it out the other day and it is
pretty sweet.
Here is the bug: When viewing the cache debug panel in IE, there is
extra padding between the 3 expire and clear buttons and the scrolling
div that contains the table of cached items. The amount of extra
padding is related to how many rows are in the scrolling table. I
have about 150 cached objects right now in production and I have to
scroll down through about 3 pages of empty space to get to the table
of cached objects.
I copied out the HTML and stripped it down to the simplest example
that still had the problem. I'm not very good at CSS, but here's how
I fixed it.
1) remove the align="center' attribute from the table containing the
cached items. (class fw_debugTables)
2) To get the centering back, add the following CSS to the
fw_debugTables class:
margin-left:auto;
margin-right:auto;
3) And finally, add the following CSS to the fw_cachetable class which
is applied to the scrolling div:
text-align:center;
Now the extra padding is gone and the table is still centered inside
the scrolling div on IE 6, 7, 8, and FF 3.
Thanks.
~Brad