MacIEだけに読込ませる外部スタイルシートの実現方法

前へ 次へ
このQ&Aのポイント
  • Band Pass Filterを使用してMacIEだけに読込ませる外部スタイルシートを実現したいがうまくいかない
  • IE6やFirefoxでは文字は赤になるが、MacIE5.xでは文字は黒にならない
  • 間違っていない記述にもかかわらず、うまくいかない原因を教えてほしい
回答を見る
  • ベストアンサー

MacIEだけに読込ませる外部スタイルシート

Band Pass Filterとやらを使って、MacIEだけに読込ませる外部スタイルシートを実現したいのですがうまくいきません。どこのが悪いのでしょうか。 下記の記述が間違っていなければ、IE6やFirefoxでは文字は赤に、MacIE5.xでは文字は黒になるはずなんですが…　ご教授ください。 【html】 <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" /> <link href="main.css" rel="stylesheet" type="text/css" /> </head> <body> <p>あいうえお</p> </body> </html> 【main.css】 p{color:#FF0000;} /*\*//*/@import ("ie5mac.css");/**/ 【ie5mac.css】 p{color:#000000;}

  • ao_
  • お礼率59% (112/189)
  • HTML
  • 回答数3
  • ありがとう数3

質問者が選んだベストアンサー

  • ベストアンサー
  • partita
  • ベストアンサー率29% (125/427)
回答No.3

main.cssは読み込み専用にして、 ie5mac.cssと、base.cssを用意。 【main.css】 @import "base.css"; /*\*//*/@import "ie5mac.css";/**/ 【base.css】 p{color:#FF0000;} 【ie5mac.css】 p{color:#000000;}

ao_
質問者

お礼

ありがとうございます。 見事に解決しました。 読込み専用を作れば良かったんですね。 助かりました。

その他の回答 (2)

  • partita
  • ベストアンサー率29% (125/427)
回答No.2

@importの前に記述があるとダメだったような。 /*\*//*/@import ("ie5mac.css");/**/ p{color:#FF0000;} と、逆順で描いたらどうなる？

ao_
質問者

お礼

ありがとうございます。 逆にしてみましたがダメでした。

  • suzuko
  • ベストアンサー率38% (1112/2922)
回答No.1

もしかして、urlが抜けてません？ 【main.css】 p{color:#FF0000;} /*\*//*/@import url("ie5mac.css");/**/

ao_
質問者

お礼

ありがとうございます。 URLとはe5mac.cssまでのパスのことでしょうか？ 同じ階層なので大丈夫だと思います。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • 外部スタイルシートが読み込めない

    こんにちは。 外部スタイルシートが読み込めず 困っています。 HTMLは、 <html> <head> <link rel="stylesheet" href="controlbox2.css" type="text/css"> </head> <body> <div class="modal">syun</div> </body> </html> controlbox2.cssは .modal{ background-color:#fff; padding:10px; border:1px solid #333; } だけです。 もちろん同じディレクトリで あり何度も確認しています。 ブラウザは、IE7です。 ヘッダー部分に スタイルシートを書くと 当然効果があります。 <head> <style type="text/css"> .modal{ background-color:#fff; padding:10px; border:1px solid #333; } </style> </head> 文字コードは、ともに SHIFT_JISで保存しています。 何が悪いのか、 全くわかりません。 何か分かる人がいましたら、 よろしくお願いします。

    • ベストアンサー
    • HTML
  • 外部スタイルシートでのスクロールバー

    Dreamweaver MX 2004でサイトを作成しています。 外部スタイルシートでスクロールバーの色を変更したいのですが 適用されなく困っています。 -------------------------------------------------- <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title>無題ドキュメント</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div class="pro1"> -------------------------------------------------- 外部スタイルシート（style.css) body { scrollbar-base-color:#efefbd; scrollbar-arrow-color:#efefbd; scrollbar-darkshadow-color:#efefbd; scrollbar-face-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#ffffff; } ------------------------------------------------- わかる方がいらっしゃいましたら、お願いいたします。

  • PHP内html記述で外部スタイルシートを読み込みたい

    こんにちは。PHP辞典とネット検索で調べまくったのですが どうしても解決策が見つからず、、、（＞＜） どうぞお知恵をお借りできればと思いますm(T^T)m xhtml1.0と外部cssでサイト制作しており 内1ページでPHPでフォームをいれたいのです。 順調に行ってるかと思ったのですが チェックすると、フォームhtmlの送信ボタンを押すなどして phpファイルを呼んでくると、IEのみでページレイアウトが崩れます。 （ForeFoxその他ブラウザでは何の問題もない） 「xhtmlで宣言しているとPHP簡易記述と混同してエラーが起こる」 というのを見かけたので、php内のhtml記述は単純なhtmlページにし <link href="http::~css/style.css" rel="stylesheet" type="text/css" />で外部cssを読み込んでみましたが同じ現象でした。 ----------抜粋---------------- <?php header("Content-Type:text/html;charset=Shift_JIS"); ?> <?php $script ="sendmail.php"; | | $sendm = 0; foreach($_POST as $key=>$var) { if($var == "eweb_submit") $sendm = 1; | | ←スクリプトいろいろ ?> } <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis" /> <title>ページタイトル</title> <link href="css/style-main.css" rel="stylesheet" type="text/css" /> </head> <body> | | 　←ページ構成htmlタグいろいろ | 問い合わせフォーム入力エラーです。以下の項目をご確認の上前の画面に戻って記入して再送信して下さい。<br /> <?php echo $errm; ?> <INPUT type="button" value="前画面に戻る" onClick="history.back()"> </body> </html> <?php } ?> このような感じで記述しております。

    • 締切済み
    • PHP
  • 外部スタイルシートは分ける？

    外部スタイルシートを分けるのかそれともまとめるのか？ もしくは分けるべきなのかまとめるべきなのかがわかりません。 index を含む全ページに共通の class 指定があれば、１つの外部でいいですが、 各ページ固有の class 指定があった場合これは分けたほうがいいでしょうか？ つまり、 <link href="main.css" rel="stylesheet" type="text/css"> と全ページに置き、全ての指定をここに入れるのか、それとも <link href="main.css" rel="stylesheet" type="text/css"> <link href="a.css" rel="stylesheet" type="text/css"> として共通の指定と、各ページ固有の指定は分けたほうがいいのか、 そのあたりがわからなくて困ってます。 前者だと１つファイルでいいとは思いますが、長くなってしまいますし、 ページによっては必要ない部分まで読み込むことになります。 多分一長一短で好み次第ということにはなるかと思いますが、 実際にどちらの方法でやっていて便利だという経験をお聞かせいただければ、 大変ありがたく思います。よろしくお願いします。

  • html5の外部スタイルシートで文字化け

    いつもお世話になっております。 当方、htmlとcssについてはごく初心者。 主なツールはSeamonkeyとalphaEDITとcssはTeraPadを使っております。 ｈｔｍｌに外部cssを適用させてh1の文章にcssを適用させたのですが、 何故だか文字化けが出ます。 ソースを書いておきます。 html側　index.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <link rel="stylesheet" type="text/css" href="css.css"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>index</title> </head> <body> <h1 class="headding01">見出しタイトル1 title</h1> <br> </body> </html> css側　css.css .headding01 { margin:0 0 30px 0; padding:12px 10px; border-left:5px solid #1871B8; background: #1D8ADE; color:#FFF; } です。 http://blog.3streamer.net/html5-css3/css3-styling-231/ ここのサイトをコピペしただけなのですが文字化けします。 私が考えた理由は htmlの宣言文が間違っている htmlの<h1>要素の置き場所が間違っている。 これくらいでしょうか。 それとcss3はhtmlの宣言文にしなければならないと 言うような事が書いてあったのですが そうしなければならないのかな？ と思ったりするのですがどうなのでしょうか？ それはともかく、まずは、この文字化けの原因は 何なんでしょうか？ 親切な方、ご指摘、ご解説の程を宜しくお願い致します。

    • ベストアンサー
    • CSS
  • 外部シートの背景色を得る

    xx.cssに .bodybg{background-color: #eeeeee} と書いてあります。 こうしてbodyの背景色が決められています。 このbodyの中から#eeeeeeを得ようとして <head> <title></title> <link rel="stylesheet" type="text/css" href="xx.css"> </head> <body class="bodybg"> <script language="JavaScript"> function func(){ alert(document.body.bgColor) } </script> と書きました。得たいのは#eeeeeeですが、単に#eeeeeeといて得るのではなく、bodyの背景色を得る方法を教えてください。

  • スタイルシートに関して教えてください！本当に困っています！

    超初心者で悪いのですが、スタイルシートの記述方法がよく分かりません。確か記述方法は３つあると思うのですが、ＣＳＳファイルを利用して記述する方法が分からない(できない)のです。ここからは実際に自分が今使っているホームページ作成サイト(初心者)に書かれていて理解できない(実際にやってみたがうまくいかない)所をここに書きます。 ３、ＣＳＳファイル利用により記述する方法 テキストエディターで”スタイルを適用する対象名 {　～　}”として記述し、 ファイル保存するときに、拡張子が”.css”というＣＳＳファイルを作ります。 そして、ＨＴＭＬファイル内にはＣＳＳファイルを参照しなさいという指示である、<LINK href="ＣＳＳファイル名.css" type="text/css" rel=stylesheet> をヘッダー部分に記述します。 ＜＜　ＣＳＳファイルデータ例（下記のデータだけを記述して.cssファイルを作成　＞＞ ＜　ファイル名＝style.css　＞ p { color:blue } ＜＜　HTMLデータ例（.cssファイルと同じフォルダ内に作成する）　＞＞ <html> <head> <LINK href="style.css" type="text/css" rel=stylesheet> </head> <body> <p>スタイルシート</p> </body> </html> ＜＜　ブラウザ表示　＞＞ スタイルシート 分かりずらかったらここを参照してください。(たぶん削除されると思うが) http://homepage-how.com/hp/hp-css2.html まず、３に書いてあるとおりにＣＳＳファイルを作成しました。 次からがよく分からないのです。３に書いてあるとおりにＨＴＭＬファイルを作成しようと思ったのですが、なぜか、ホームページの基本構造ではないのです。 こういう事です 　　↓ <html> <head> <LINK href="style.css" type="text/css" rel=stylesheet> </head> <body> <p>スタイルシート</p> </body> </html> 見ても分かるとおり、タイトルの部分がないのです。 タイトルがなくても良いのですか？ あと、このＨＴＭＬデータを.ＣＳＳファイルと同じフォルダ内に作成するという意味が分かりません。 本当に超初心者で悪いのですが、本当に困っています。誰か分かりやすく教えてくれる方はいないでしょうか？お願いします。

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

    例えば、文字を黒く、背景色を白くしたい場合ですが、どちらの記述が正しいですか？ (1)は兄が教えてくれたタグの書き方で、(2)はネットで見かけたタグ（CSSについて説明していたサイト）の書き方です。 カッコの違いが気になっています。 ネット検索をしたところ、(2)の形で書かれているほうが多かったです。 今は『<!-->』は、もう古かったりなどして使わない形なのでしょうか。 それとも(2)の『{}』のみの形はCSSとして使う場合なのでしょうか。 (1) <style type="text/css"> <!--P{color:#000000;}--> <!--BODY{background-color:#ffffff;} </style"> (2) <style type="text/css"> p{color: #000000;} body{background-color:#ffffff;} </style">

  • スタイルシートの設定

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

  • スタイルシートでの文字サイズ指定について

    ホームページの文字表示サイズについての質問です。 私は全てWindows Vistaのメモ帳で作っているのですが、文字サイズを <Font Size="サイズ"> で指定するやり方では、ＭＡＣで有効ではないと分かり、スタイルシートの外部から引き出すやり方で、まずs.cssに、 BODY { font-size: 13px } と書き、index.htmlに <head> <style Type="text/css"> <!-- body,td {line-height:15pt;} --> </style> <link href="s.css" rel="stylesheet" type="text/css"> </head> と打ち込んでみました。 しかし、こうするとMacX10.5では文字化けを起こしてしまいました。 <link href="s.css" rel="stylesheet" type="text/css"> を挿入するやり方がどこかおかしいのでしょうか。 または、文字サイズの指定のやり方が、他にもあるのでしょうか。お手数かと思いますが、どうかお助けください。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する