ie legacy css conditional


/ Published in: HTML
Save to your folder(s)



Copy this code and paste it in your HTML
  1. <!--[if lt IE 9]>
  2. <style type="text/css">
  3. div.ie8message {color: #FF0000;font-family:Arial,sans-serif;font-size:12px;font-weight:bold;border:3px solid #FF7D7D;margin: 10px auto 10px auto;padding: 20px;background-color: #FFFF99;}
  4. div.ie8message h2{font-size:16px;text-align:center;}
  5. div.ie8message p{font-size:11px;text-align:left;}
  6. </style>
  7. <div class=ie8message>
  8. <h2>Old web browser detected!</h2>
  9. <p>This website is designed to function on up to date desktop and mobile web browsers.</p>
  10. <p>We strongly recommend you update your current internet browser to avoid issues later.</p>
  11. <p>To get the most out of this site please <a href="http://windows.microsoft.com/en-GB/internet-explorer/download-ie" title="Get the latest version of Internet Explorer">update Internet Explorer</a> or install a new browser :</br>(latest <a href="https://www.google.com/intl/en/chrome/browser/" title="Get the latest version of Google Chrome">Chrome</a> or <a href="http://www.mozilla.org/en-US/firefox/new/" title="Get the latest version of Mozilla Firefox">Firefox</a> recommended)</p>
  12. </div>
  13. <![endif]-->

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.