google stabs again at microsoft

In this entry of the Google/Microsoft war, we see that attempting to visit the Google Fonts API list page results in what is an outright ban of Internet Explorer.  Note that the fonts in practice work just fine in Internet Explorer, it’s just Google doing a denial-of-service for anyone using Microsoft’s browser.

googlefontserror

slaying the giant

If you’re like me—a coder—then you’re pretty particular about which browser you use everyday and any attempts to coerce you into using a different one amounts to an annoyance.

Probably the highest on my list of try-our-browser annoyances is that dished up by Google on a daily basis.

chrome-ie-ad

Google Support indicates that it will stop displaying this ad if you click the small x in the corner but I have not found this to be the case. It continues to display over and over again.

And yet, I think I’ve managed to defeat Google’s advertisement pane and provide the solution here. I describe the technique for Internet Explorer but a similar fix is likely available for other browsers, too.

  1. Create a text file, say, in your Documents folder with a name like MY-IE-Default-Style.css
  2. Add the content indicated below to that file
  3. In Internet Explorer -> Tools -> Internet Options -> General tab -> Accessibility -> User style sheet (check the box) and Browse to find the stylesheet you just created
  4. Exit out of all Internet Explorer windows
  5. Start Internet Explorer and go to google.com, noting that the nagging panel on the right should be gone

MY-IE-Default-Style.css:
.gb_ga {
     display: none;
}

UPDATE:

Looks like Microsoft has updated their own style so it will be necessary to update our own to compensate.

.gb_ha {
display: none;
}
#gbsfw {
display: none;
}

This technique should work to hide offending DIV tags on multiple sites but you’d need to be comfortable reviewing HTML source and using Internet Explorer’s F12 functionality to inspect the offending element. Target the DIV tag that you want to hide and set its CSS style’s DISPLAY attribute to NONE as I’ve done. It helps if you understand CSS coding but this is the basic way to do it—just add more paragraphs of style data to your User style sheet and you should be set.