ga_shade – a white DIV breaking my site

I just went to our main company website, Medicology, and there was a large white semi-transparent block over the top of the entire screen. Since I use something like this for displaying AJAX content I panicked a bit and then dived into my JS and CSS files to see what was going on.

After finding nothing out of the ordinary I searched the entire set of source files for “alpha” hoping to to find a snippet of CSS that was causing my woes. Unfortunately it came back with nothing. I then decided to do the same with the source from one of the pages in Firefox and came back with a div at the bottom of the page with the ID “ga_shade”.

A quick Google led me to find that it is Google Analytics placing it there as part of the whole “content overlay” thing they do. Problem is that I wasn’t using content overlay and as such the menu bar for it wasn’t available and I couldn’t turn it off, let alone click on any links. Not happy. And suprised that Google can make slip-ups of this kind.

Sort yourselves out boys. Don’t just assume that because it works in IE6 it works in everything – try testing stuff in FF for us.

About the Author

I'm a web developer based in the East Midlands, UK and if I keep up the current rate, I might have developed 3 million sites by the time I retire