html - Why won't a div with a scrollbar drag in IE 8? -
i have div following rules:
div#eventbox { overflow: auto; text-align: center; height: 300px; border: 2px inset #888; width: 95%; margin: auto; -moz-border-radius: 5px 0px 0px 5px; -ms-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; background-color: #1a5c17; background-image: url("/images/background_images/grungepaper.jpg"); behavior: url(/resources/pie.htc); }
everything works in it, except in ie 8 (tests fine in ie 9). in ie 8 when try "click , drag" scrollbar, becomes "unclicked" after mousedown, preventing ie users on 32-bit machines using scrollbar feature. else scrollbar works fine, clicking arrows, clicking space between arrow , scrollbar, , using mousewheel.
i have tried removing behavior: url(/resources/pie.htc);
rule, problem persists.
do div's overflow auto not work/have bugs in ie 8?
also, has been tested in 32-bit , 64-bit versions of ff , chrome, , works fine there, too.
update:
i have tested consistently , can't seem figure out what's going on, nor can see examples of ever happening else online. tested rule div#eventbox
being overflow: auto;
, overflow: scroll;
, overflow-y: auto;
, and/or overflow-y: scroll;
, problem still persists. every time click scrollbar in ie 8 (no compatibility mode) loses focus.
i find hard believe known bug (because of 0 relevant search results) believe have messed up, since takes 1 div overflowing content producing scrollbar cause glitch.
if rich man, when internet explorer 8 being developed, have gladly paid microsoft's internet explorer project team take class on "best practices" , "adhering standards".
update 2:
actually if double-click scrollbar fast , hold down second click, can hold of in ie 8. of course, still no end-user perspective, perhaps behavior explain cause.
final update (solution):
from advice received comments post, decided remove script , css , start adding things in, 1 @ time. error wasn't in script, in css. whatever reason behavior: url(/resources/pie.htc);
set on main site wrapper div (far dom tree problem element) apparently causing problem. still don't know how, solution me remove pie element, in turn broke other 2 pie references, able fix setting position relative. now, seems work fine in ie 8, moment experience other problems result of using pie, purge site.
try changing overflow: auto;
overflow: scroll;
sorry posting short answer instead of comment, i'm quite fresh here , reputation, don't think commenting enabled me.
Comments
Post a Comment