: Annoying IE6. Black screen with “loading” when youtube is added I have had this problem for quite some time. It wasn't actually a big issue until lately when one of our conference site

@Gretchen104

Seems is not youtube's fault but something of your site, some plugin or Drupal setting. It's simply a preloading image, that in modern browsers shows just the "loading" text part while it is preloading something (tried with IEtester, it does not only happen with youtube clips,it's global) it loads a div or other element -have not checked- which has a huge extension, probably at full page, and shows transparent in these modern browsers due this exact line of css: background:transparent url(loading.png) no-repeat scroll 0 0; , but iE6, as long as I remember, does not support the transparent attribute, so, shows black. My solution would be alternative css code, or a javascript loading a totally different css, etc, or alternative html when calling it. Another solution might be just deactivate the plugin/feature of your drupal site, find where it's being activated, seems a gobal value, so should be easy.

The thing happens at boxplus.css , in this block.

/* Progress indicator */ #boxplus .boxplus-dialog .boxplus-progress {
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
height:32px;
width:32px;
margin:auto;
background:transparent url(loading.png) no-repeat scroll 0 0;
}


So, dig for "progress indicator" feature, deactivate it, or tweak the html or css to support IE6. Should be pretty easy for anyone having some html/css knowledge, provided you tried first the "GUI" way of simply touching the drupal plugin.

Edit: Doing it "by hand", the hard way, it'd be making just a full page div, and try first just setting no background property at all, and use a small transparent gif (if know how to do smooth aliased borders with a gif, I mean, not being too sharp) instead of the png. And of course, all conditional css/html needed.

Vote Up Vote Down