IE 6 No More
Go Away IE6
Description
A small template to include the IE 6 No More banner into your pages in a more convenient manner using <xsl:call-template name="ie6nomore" />
XSLT
View Raw
<?xml version="1.0" encoding="UTF-8"?> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> <xsl:template name="ie6nomore"> <xsl:comment><![CDATA[[if lt IE 7]> <div style="border: 1px solid #F7941D; background: #FEEFDA; text-align: center; clear: both; height: 75px; position: relative;"> <div style="position: absolute; right: 3px; top: 3px; font-family: courier new; font-weight: bold;"><a href="#" onclick="javascript:this.parentNode.parentNode.style.display='none'; return false;"><img src="http://www.ie6nomore.com/files/theme/ie6nomore-cornerx.jpg" style="border: none; margin: 0px;" alt="Close this notice"/></a></div> <div style="width: 640px; margin: 0 auto; text-align: left; padding: 0; overflow: hidden; color: black;"> <div style="width: 75px; float: left;"><img src="http://www.ie6nomore.com/files/theme/ie6nomore-warning.jpg" alt="Warning!" style="border: none; margin: 0px;" /></div> <div style="width: 275px; float: left; font-family: Arial, sans-serif;"> <div style="font-size: 14px; font-weight: bold; margin-top: 12px;">You are using an outdated browser</div> <div style="font-size: 12px; margin-top: 6px; line-height: 12px;">For a better experience using this site, please upgrade to a modern web browser.</div> </div> <div style="width: 75px; float: left;"><a href="http://www.firefox.com" target="_blank"><img src="http://www.ie6nomore.com/files/theme/ie6nomore-firefox.jpg" style="border: none; margin: 0px;" alt="Get Firefox 3.5"/></a></div> <div style="width: 75px; float: left;"><a href="http://www.browserforthebetter.com/download.html" target="_blank"><img src="http://www.ie6nomore.com/files/theme/ie6nomore-ie8.jpg" style="border: none; margin: 0px;" alt="Get Internet Explorer 8"/></a></div> <div style="width: 73px; float: left;"><a href="http://www.apple.com/safari/download/" target="_blank"><img src="http://www.ie6nomore.com/files/theme/ie6nomore-safari.jpg" style="border: none; margin: 0px;" alt="Get Safari 4"/></a></div> <div style="float: left;"><a href="http://www.google.com/chrome" target="_blank"><img src="http://www.ie6nomore.com/files/theme/ie6nomore-chrome.jpg" style="border: none; margin: 0px;" alt="Get Google Chrome"/></a></div> </div> </div> <![endif]]]></xsl:comment> </xsl:template> </xsl:stylesheet>