• 締切済み

ブラウザ/OS/バージョン別にスタイルシートを読み込む

私の考え違いか わかるかた教えて下さい。 JavaScript例文辞典のブラウザ/OS/バージョン別にスタイルシートを読み込む http://www.openspc2.org/reibun/javascript/browser/013/index.html document.write("<link rel='stylesheet' type='text/css' href='../c_f/m_ta01.css'>");}によりスタイルシートを読み込む では、IEでは、ブラウザ/OS/バージョン別にスタイルシートを読み込む ことが出来ません。 SAFARIとGoogle Chromeでは、ブラウザ/OS/バージョン別にスタイルシートを読み込む ことが出来ますが。 JavaScriptで代替CSSを適用する方法 http://www.usamimi.info/~geko/arch_web/02_sample/018/index.html <link rel="stylesheet" href="../c_f/m_rn1o.css"> <link rel="alternate stylesheet" href="../c_f/o_ie01.css" title="ie"> <link rel="alternate stylesheet" href="../c_f/o_ta01.css" title="ta"> 上記3行の指定で代替スタイルの指定をJavaScriptで指定する では、IEやFIREFOXでは、ブラウザ/OS/バージョン別にスタイルシートを読み込む ことが出来ますが。 SAFARIとGoogle Chromeでは、ブラウザ/OS/バージョン別にスタイルシートを読み込む ことが出来ません。 何か簡単に、ブラウザ/OS/バージョン別にスタイルシートを読み込むことが 出来ませんか。

  • k0021
  • お礼率89% (33/37)

みんなの回答

  • SAYKA
  • ベストアンサー率34% (944/2776)
回答No.1

できるよ。 ただ、cssの作成に注意が必要だね。 cssは同じ設定の場合、後から出てきた物で上書きするというのを逆手に取ってだね ・javascript使用「ではない」通常の方法でIE用のcssを指定 ・質問文の様にjavascriptのdocument.write「とか」でcssを上書きor換装 まぁちょっと手抜きな、よろしくない方法かもしれないけど そんなやり方も有るって事で。

k0021
質問者

お礼

回答有難う御座います。 回答内容は、私の記述内容の下記の内容ですか。 JavaScript例文辞典のブラウザ/OS/バージョン別にスタイルシートを読み込む ?http://www.openspc2.org/reibun/javascript/browser/013/index.html? document.write("<link rel='stylesheet' type='text/css' href='../c_f/m_ta01.css'>");によりスタイルシートを読み込む 現時点ブラウザが、SAFARIの場合は、使用していますが 私の考え違いか、御指摘方法では、IEでは、スタイルシートを読み込む ことが出来ませんが 記述内容ですが。 if(br_s==6){ //ブラウザが、SAFARIの場合 document.write("<link rel='stylesheet' type='text/css' href='../c_f/o_ta01.css'>");}

関連するQ&A

  • スタイルシート2

    1.スタイルシートで、外部スタイルシートがありますが これはそんなに使い勝手がよいでしょうか? <link rel="stylesheet" type="text/css" href="style.css"> と記述する上で、これはルールですからしょうがないでしょうが、<link rel="stylesheet" type="text/css" とここで、stylesheetを指定していて、さらにtext/css" でも、”スタイルシート”ですよ!! といっているのですから、最後のhref"URL"後のstyle.css の記述は無駄になるような(くどい^^)気もします。 これは、しょうがないですよねー。 個人で使うなら、HTMLで充分なような・・ あと、埋め込みスタイルでよういような・・ 2.さらに、スタイルシートはたしかに軽くなりますが、 記述が面倒で、フルスペル(省略できない)。 HTMLでは、<Li></LI>や、<tr></tr>で 表示できますが、こちらはすべて書かなくてはならないので便利とはいえ、つかいやすいでしょうか^^ リンクできるのは、見やすく便利ですが・・・

  • CSSで、外部スタイルシートを2つ指定した場合。

    たとえば、 <link href="style.css" rel="stylesheet" type="text/css"> <link href="info.css" rel="stylesheet" type="text/css"> のように2つスタイルシートを指定した場合、同じ内容のスタイルシートを書き込んだ場合どちらが優先されるのでしょうか。

    • ベストアンサー
    • HTML
  • スタイルシートのフォント指定

    他の人が作成した外部スタイルシートをベースにしてホームページを作っています。スタイルシートと同じ階層、またはその1つしたまではちゃんと指定通り表示されるのですが、のフォルダから2つしたの階層になると文字の大きさがそれ以外の所と違うサイズになります。まったく外部スタイルシートを読んでいないわけでもないようなのですが、、、。分かりません。 どなたか分かる方、どうかよろしくお願いします。 <link href="../../css/link.css" rel="stylesheet" type="text/css"> <noscript> <link href="../../css/winie.css" rel="stylesheet" type="text/css"> </noscript>

  • IEで外部スタイルシートが反映されない

    IEで外部スタイルシートが反映されない HPを製作したところ、 Firefoxでは、完璧に外部スタイルシートが適用されていたのですが、 IEでテストしたところ、CSSが全く反映されていてませんでした。 多くの皆さんがしてるように、 ヘッダーに、 <link href="style.css" rel="stylesheet" type="text/css" /> と記述しているのですが・・・ 原因としては何が考えるでしょうか? ご助力願います。

  • スタイルシートの設定

    スタイルシートをリンク設定したく、文頭に下記の記述をしました。 ++++++++++++++++++++++++++++++++ <html> <head> <link rel="stylesheet" type="text/css" href="styles.css"> </head> <body> ++++++++++++++++++++++++++++++++ まったく、反映されません・・ どうして何でしょうか? どなたかお助けください。

  • スタイルシートについて

    今現在の年を取得してそれを表示するようなスタイルシートを作成中です。 <スタイルシートの中身> #DEFAULT_YEAR { <SCRIPT LANGUAGE="javascript"> <!--- now = new Date; document.write(now.getYear()); //---> </SCRIPT> <HTML> <LINK rel = "stylesheet" href="default_year.css" type="text/css"> 1996-#DEFAULT_YEAR としても表示されません。。。 なにがおかしいのかわからないので、ご教授お願いします。

  • CSSのスタイルシート適用について

    <link href="/○○○.css" rel="stylesheet" type="text/css"> としてスタイルシートを呼び出した後に、再び <style type="text/css"> と記述してスタイルのいくつかを再設定することはできるんでしょうか?その場合はその宣言したものだけが変わって、LINKされたほうのスタイルシートデータも他の内容は生き残って適用されますか?

    • ベストアンサー
    • HTML
  • ブラウザがスタイルシートを読み込みません

    ホームページを作っていたのですが、ブラウザInternetExplore7ベータ(最新版)で、外部cssファイルを読み込みません。しかしhtmlタグの中に、外部スタイルシートの内容をコピーして貼り付け、スタイルオブジェクトで組み込むと読み込まれます。 ちなみに、そのときはzentai.cssという外部ファイルを作ってhead部分に以下のように記述しました。 <link ref="stylesheet" type="text.css" href="zentai.css"> 誰か読み込まない理由を教えてください、お願いいたします。

  • スタイルシートの読み込みについて

    はじめまして。 最近業務でスタイルシートを使うことになったのですが、 外部ファイルとしてスタイルシートを保存して、 HTMLの中にリンクの部分を書いておいても、 IEで表示したときに読み込んでくれません。(IEのバージョンは6.0です。) インターネットオプションのユーザー補助のところで、ホームページを見る場合は自分のスタイルシートを適用する、という設定にすれば読み込んで表示されるのですが、それをしないと、表示されませんし、 その設定にしてあっても、外部シートの上書きをした場合、更新ボタンをおしただけでは画面が変わらず、 いちいちインターネットオプションのところで 更新をしないと、外部シートの変更が反映されません。 どこがおかしいか分からず困っています。 「XPのせいでは?」とも言われましたが、 そうなのでしょうか? ぜひご回答よろしくお願いいたします。 下はソースでリンクを書いてある部分です <html lang="ja"> <head> <title>SAMPLE</title> <link rel="stylesheet"href="detail_2.css" type="text/css"> <script type="text/javascript"> </head>

    • ベストアンサー
    • HTML
  • スタイルシート

    こんばんは。HPを独学で作っている超初心者です。 スタイルシートが反映してくれないのです。下記の記述で 何が違うのでしょうか??? ---01.css--- <sytle type="text/css"> a:link{text-decoration:none;} <style> ---index.html(抜粋)--- <head> <link rel="stylesheet" href="01.css" type="text/css"> </head> どうしても index.html のリンク部分に下線が出てきます。 どうして消せないのかが分かりません!!! どなたか教えてください!よろしくお願いいたします!

専門家に質問してみよう