Cox Café

Internet Explorer 6を撲滅しようというキャンペーンが立ち上がったそうです。立ち上げたのはWebサイトホスティングサービスのWeeblyという企業。他に数十社が賛同しているとか。

• IE6 No More

先月もYouTubeがIE6のサポートを終了へというエントリーでIE6の撲滅運動がようやく始まったと書きましたが、それが拡大しつつあるということなんでしょう。

IE6 No Moreではさらに、一般のWebサイトやブログなどでもユーザーに最新のWebブラウザへのアップグレードを促すことが出来るスクリプトを配布しています。

<!--[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;' 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!'/></div>
		<div style='width: 275px; float: left; font-family: Arial, sans-serif;'>
			<div style='font-size: 14px; font-weight: bold; margin-top: 12px;'>あなたは旧式ブラウザをご利用中です</div>
			<div style='font-size: 12px; margin-top: 6px; line-height: 12px;'>このウェブサイトを快適に閲覧するにはブラウザをアップグレードしてください。</div>
		</div>
		<div style='width: 75px; float: left;'><a href='http://www.mozilla.jp' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-firefox.jpg' style='border: none;' alt='Get Firefox 3.5'/></a></div>
		<div style='width: 75px; float: left;'><a href='http://www.microsoft.com/downloads/details.aspx?FamilyID=341c2ad5-8c3d-4347-8c03-08cdecd8852b&DisplayLang=ja' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-ie8.jpg' style='border: none;' alt='Get Internet Explorer 8'/></a></div>
		<div style='width: 73px; float: left;'><a href='http://www.apple.com/jp/safari/download/' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-safari.jpg' style='border: none;' alt='Get Safari 4'/></a></div>
		<div style='float: left;'><a href='http://www.google.com/chrome?hl=ja' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-chrome.jpg' style='border: none;' alt='Get Google Chrome'/></a></div>
	</div>
</div>
<![endif]-->

上のスクリプトを自分のWebサイトやブログに追加しておくと、

IE6でWebサイトを閲覧した場合にこの画像のような警告を表示させることが出来るようになります。

ちなみにうちのブログでは、さすがにこの警告はでかすぎるので、こっちのキャンペーンに参加しています。こっちだとWebサイトの右上に、

この画像のような警告が表示されます。

このようなキャンペーンに賛同される方は、どちらかのスクリプトを自分のWebサイトやブログに追加してみてはいかがでしょうか。もっとも、IE6ユーザーには嫌われるでしょうが。

関連するエントリー

• target=”_blank”
• テキストを両端揃え
• Feedpathイイね
• CSSとの出会い
• smart-cursor