Windows IE6にstyle.cssを読み込ませます。

それ以外のブラウザにはstyle2.cssを読み込ませます。
この振り分けの方法をズバリお教えください。

環境はIIS6.0です。

aspでもJavascriptでもCSSのバグを使ってもかまいません。
宜しくお願いします。

回答の条件
  • 1人2回まで
  • 登録:2006/07/12 13:03:50
  • 終了:2006/07/12 21:17:27

回答(3件)

id:nima No.1

nima回答回数23ベストアンサー獲得回数22006/07/12 14:52:53

ポイント27pt

http://www.aboutworks.com/shokodei/diary/doc/select/select.html

普通にstyle2.cssを指定した後、IE6用に

<!--[if IE 6 ]><link rel="stylesheet" type="text/css" href="style.css"><![endif]-->

と指定してあげればいいようです。

id:frankblack

有り難うございます。

2006/07/12 21:16:14
id:susie-t No.2

susie-t回答回数99ベストアンサー獲得回数182006/07/12 14:53:30

ポイント27pt

以下でどうでしょう。

<html>
<head>
<title></title>
<script>
<!--
var ua = navigator.userAgent;
var index = ua.indexOf("MSIE");
var isIE6 = false;
if(index != -1){
  var ver = parseFloat(ua.substring(index + 5, ua.indexOf(";", index)));
  if(ver == 6){
    isIE6 = true;
  }
}
var css = (isIE6) ? "style.css" : "style2.css";
document.write("<link rel='stylesheet' type='text/css' href='" + css + "'/>");

//-->
</script>
</head>
<body>
</body>
</html>
id:frankblack

有り難うございます。

2006/07/12 21:16:19
id:wizemperor No.3

wizemperor回答回数379ベストアンサー獲得回数522006/07/12 15:21:11

ポイント27pt

IE 6のみ(6未満は含まない)ということとなるとちょっとややこしくなります。

PHPやJavaScriptを使用した方法がありますが、不完全なのでHTMLやCSS側で対応することをおすすめします。

スタイルシートの書き方に注意がいりますが下記の方法が簡単です。

HTMLのhead要素内に次のような行を加えると、IE6の場合のみstyle.css を追加で読み込みます。

この方法は振り分けではなく上書きなので、style.css.cssは必要な箇所だけsytle2.cssを上書きするような内容にしておいてください。

<link rel="stylesheet" href="style2.css" type="text/css" />

<!--[if IE 6]>

<link rel="stylesheet" href="style.css" type="text/css" />

<![endif]-->

条件付きコメントというやつです。

条件付コメント(Conditional Comments)実験ページhttp://www.keynavi.net/ja/bugh/comments.html


あるいは、1つのスタイルシート内でCSSハックを使用する方法もあります。

例えば、


body {

color : #000;

color /**/: #F00;

}


というように、「プロパティ /**/: 値;」と書くとその行はIE6だけに適用されます(この場合、IE6だけが文字色が赤色になる。)


CSS Filters

http://www.communis.co.uk/dithered/css_filters/css_only/index.ht...

id:frankblack

有り難うございます。

2006/07/12 21:16:26

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません