Content block to nag users to upgrade old IE6 / IE7 browsers

Do something cool with CMS? Show us ...
This board is for 'Answers', and the discussion of answers... Not for questions.
Post Reply
AlasdairGF
Forum Members
Forum Members
Posts: 25
Joined: Tue Jan 20, 2009 3:36 pm

Content block to nag users to upgrade old IE6 / IE7 browsers

Post by AlasdairGF »

Have been finding this useful...

I'm sick of designing for 23 different browsers, most of which are old & only 2% of my users still have them.  But of course I don't want those 2% to leave... and they're the 2% that are most likely to just turn off their computers and say, "Oh, I don't understand all this technical mumbo-jumbo!"

I've got a Global Content Block that I've put in a couple of my page templates that give a gentle nudge to users of IE7 that they should upgrade or consider an alternative - and to people using IE6 or earlier, it shouts at them to stop being so backward!  See screenie below (rendered at http://ipinfo.info/netrenderer/).

Code: Select all

      {* Internet Explorer conditional warnings *}
      <!--[if lte IE 6]>
      <p style="font-size: 0.8em; color: red; font-weight: bold;">You are using a very old version of Internet Explorer which may struggle with this and other webpages.  In addition, using an older browser is major security weakness and you are putting your computer at risk.  Please consider either <a href="http://www.microsoft.com/windows/products/winfamily/ie/default.mspx">upgrading</a> to the latest version of Internet Explorer, or downloading an alternative browser such as <a href="http://www.mozilla.com/firefox/">Firefox</a>, <a href="http://www.opera.com">Opera</a> or <a href="http://www.google.com/chrome">Chrome</a>.</p>
      <![endif]-->

      <!--[if IE 7]>
      <p style="font-size: 0.8em">You are using Internet Explorer 7, which doesn't correctly display this page!  Please consider either <a href="http://www.microsoft.com/windows/products/winfamily/ie/default.mspx">upgrading</a> to the latest version of Internet Explorer, or downloading an alternative browser such as <a href="http://www.mozilla.com/firefox/">Firefox</a>, <a href="http://www.opera.com">Opera</a> or <a href="http://www.google.com/chrome">Chrome</a>.</p>      
      <![endif]-->
An alternative is the "sevenup" code, hosted by the Google Code project - but the GCB above will render in the same overall style as your page (I've kept all the additional styling in span tags so it's all in one place... apologies to the purists!) and is less 'in your face'.
Attachments
scr3.png
Post Reply

Return to “Tips and Tricks”