Cascading Style Sheet
Consideration for any Browser
ブラウザーごとにスタイルシートを切り替えるには、HEAD内に次のメタデータとJAVA SCRIPTを埋め込みます。
<META http-equiv="Content-Script-Type" content="text/javascript">
<SCRIPT TYPE="text/javascript">
<!--
var ua = navigator.userAgent;
var tag = '<LINK REL="stylesheet" TYPE="text/css" HREF="';
if(ua.indexOf("MSIE 4") >= 0) tag += 'ie4.css';
else if(ua.indexOf("Mozilla/4") >= 0) tag += 'nn4.css';
else if(ua.indexOf("MSIE 3") >= 0) tag += 'ie3.css';
else tag += 'other.css';
tag += '">';
document.write(tag);
// -->
</SCRIPT>
そして、ブラウザーごとのスタイルシート、ie4.css、nn4.css、ie3.css、other.cssを用意しておきます。
各々のページにSCRIPTを書き込むのは大変ですから、例えば、上のSCRIPTを"browser.js"とでも名前を付けて保存しておき、HEAD内に以下の一行を加えて、SCRIPTファイルを読み込むようにした方が良いでしょう。
<SCRIPT TYPE="text/javascript" src="browser.js"></SCRIPT>
Part 1 | Part 2 | Part 3 | Part 4 | Part 5 | Part 6 | Part 7
top up index new search mail