• 締切済み

外部スタイルシートがsafariブラウザに反映されない

初心者です、お願い致します。 環境mac osX 外部cssでhtmlファイルをコントロールしたく、外部css(dreamweaverを利用していますが、馴れていないのでテキストエディトでやろうか検討中)とhtmlファイル(テキストエディト)でhp作りをしております。 外部CSSファイルとHTMLファイルの一回目の作成(LINK時)では、どうやら反映がなされるようです。しかし、それ以後、外部CSSファイルをいじりその内容を保存し、HTMLファイルをSAFARIアプリで開くと反映されないのです。 よく分からないのですが、しばらく経って、dreamweaverやテキストエディットを立ち上げ外部CSSファイルの内容を変え、上記と同じ事をするとその時だけ反映され、それ以後、また反映されないという状況になった事もあったと思います。 外部cssファイルは一度しかその内容を指定出来ない、という事ではないですよね??まさか

  • Mac
  • 回答数3
  • ありがとう数1

みんなの回答

  • harawo
  • ベストアンサー率58% (3742/6450)
回答No.3

Safariのバージョンはいくつですか? Safari 3.2.1とテキストエディット 1.5で検証してみましたが、問題なくテキストエディット上の変更が、Safariに反映されます。

noname#107580
noname#107580
回答No.2

こんにちは! >CSSファイルをいじりその内容を保存し、HTMLファイルをSAFARIアプリで開くと反映されないのです。 1.この時に更新した部分だけが反映されていないのですか? 2.それともCSSで指定したすべてのことが反映されなくなるんですか? 1なら、SAFARIで開いて反映されていなかったときに【表示】→【ページを再読込】して見て下さい。 【コマンド+R】(左上にも中止とか再読込のボタンがあるはず・・) 2なら分かりません・・ >外部cssファイルは一度しかその内容を指定出来ない、という事ではないですよね??まさか もちろんありません・・。複数ページの共通のCSSを一度に変更するための外部cssですから。 もし一つのページに2つの外部cssを指定してあった場合、後からのCSSの指定が適応されます。 つまり、2つの外部css→どちらにも文字のカラーを赤に指定(つまり指定がダブっている) この場合、一つめCSSで文字の色を青に変更しても変わりません。2つめのCSSのカラーが赤のままですので・・。

  • rdf221s
  • ベストアンサー率55% (5/9)
回答No.1

こんにちは。 多分もっと専門の方の答えが出てくるかと思いますが参考までに。 先日、Operaだけに外部CSSが反映されない事がありました。 Mac用のmiというテキストエディットでCSSファイルを作成していたので、 試しにOS標準のテキストエディットに内容を移し替えて保存したところ Operaでも反映されました。 一度、違うテキストエディットで保存してみるとか。 でも一度反映されるのに、次から反映されない...というのとは違いますね・・・。 「@charset "Shift_JIS";」等で記述を始めてますよね? 記述に間違いがないか、W3C CSS検証サービスで検証してみるとか。 http://jigsaw.w3.org/css-validator/ 参考にならないかもですみません!

関連するQ&A

  • dreamweaverでの外部スタイルシート

    こんにちは、htmlファイルと、外部cssでwebpageを作ろうと試みている初心者です、お願いします。 環境は、mac osX、テキストエディット、dreamweaver cs3、です。 htmlファイルを外部スタイルシートでコントロールしたい部分があり、外部スタイルシートはdreamweaverにしています。(というよりすべての素材は、はじめはテキストエディトから作っており、cssの名で保存したものに関してはdreamweaverで開かさるので強制的にです。) ひとつのhtmlファイル単体の更新の場合、テキストエディットを保存後、safariブラウザ開くという方法で、更新の結果、出来栄を見ていましたが。 dreamweaverを使っての外部スタイルシートの内容を変え、更新しようとしても更新の結果がsafariブラウザに反映されません。(ちなみに、詳しくは、dreamwaverの外部スタイルシートをいじり、これをdreamweaverで保存。その後、htmlファイルを開いてみる。という手順ですが、これが上手く反映出来ていないという事です。) これはどうしてかお分かりの方、是非お願いします。

    • ベストアンサー
    • Mac
  • アップロードすると、スタイルシートが反映されない

    外部にcssファイルを作り、 文字のみスタイルシートで制御します。 DREAMWEAVER上でスタイルシートは反映されています。 F12を押しても、スタイルシートは反映されています。 しかし、フォルダからhtmlファイルを直接ひらいたり、 アップロードしたファイルをみると、 スタイルシートが反映されていません、 もちろん、cssファイルも一緒にアップロードしてます。 DREAMWEAVER4を使っています。 なんでだか、わかりません。。。 お手数かと思いますが、よろしくお願いします。

    • ベストアンサー
    • CSS
  • スタイルシートがブラウザで反映されない

    dreamweaver8でサイト作成中です。 divタグの中のテキストにリンクを付け、外部CSSで、 .xx a:link{font-size: 14px;} としてあるのですが反映されません。 不思議なのは、リンクURLの一文字を変えると(例えば.comを.corに)反映されるのです。 ちなみにdreamweaver上ではCSSが反映されているのですがブラウザ上だとダメです。 また、同じソースのボックスで違うリンクURLがいくつもあるのですが"所々"やはりブラウザだと反映されていません。 どういう原因が考えられますでしょうか?

  • スタイルシートが反映されません

    <link rel="stylesheet" href="style.css" type="text/css">で 外部スタイルシートの反映がされません。 このCSSファイルの中身をそのままHTMLファイルのHEAD部分に持っていったら反映されましたので、単純にリンクがうまくいっていないのか?と思うのですが・・・ ファイル名はあっているし、リンクもファイル名ではできなかったので 絶対パスで指定してみましたがダメでした。パスの指定ミスを防ぐためにファイルのプロパティを開いて、場所をコピペして最後のところに ¥をつけてファイル名を拡張子つきでくっつけましたがダメでした。 なにがいけないのでしょう・・・ いろいろと考えたり調べたりしているのですが、どうしてもわからないです。 CSSファイルはHTMLファイルと同一フォルダ内の同一階層にあります。(まだネット上に公開しておらずURLも持っていないので 個人のPCフォルダ内です)CSSファイルのアイコンはメモ帳に歯車のイラストのアイコンです。このアイコンになっていたらちゃんと CSSファイルだと思っていたのですがもしかしたら違うでしょうか? あ、HTMLファイルのHEAD部分の <meta http-equiv="conten-style-type" content="text/css" /> の書き込みもしてあります。 外部ファイル用の<link rel=だらだらだら>の後に </style>でしめてみたのですがダメでした。

  • safariにcssが反映されなくて困っています

    HTMLとCSSの勉強を参考書を買って始めたのですが、CSSがsafariに反映されずに困っております。以下の内容は参考書を元に制作したもので、何度確認しても参考書と違う点が無く、なぜsafariに反映されないのか分かりません。 参考書と違う点といえば、XML宣言のencodingをshift_JISからUTF-8に変えたくらいです。 一応参考までに、動作環境は、 MacBook Pro OS X バージョン 10.9.2 テキストエディット バージョン 1.9 ブラウザー safari です。 以下、HTMLの内容です。 <?xml version=“1.0”encoding=“UTF-8”?> <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=“http://www.w3.org/1999xhtml” xml:lang=“ja” lang=“ja”> <head> <title>ぶらり散歩道</title> <style type=“text/css”> @import url(“stylesheet.css”); </style> </head> <body> <h1>ぶらり散歩道</h1> <h2>ようこそ!</h2> <p class=“blue”> 東京の街を歩き、撮りためた写真を感想と一緒に公開しています。<br /> 高層ビルが立ち並ぶ新宿や、落ち着いたレトロな雰囲気にたたずむ神楽坂など、いろんな東京の顔が見られます。<br /> Webサイト作りは始めたばかりでつたないところもあるかと思いますが、どうぞのぞいていってください。 </p> <!—-更新日--> <p>Last Update 10/01/17<br /> <!—-コピーライト--> <em>©2010 Takehiro Sawada.> All rights reserved.</em> </p> </body> </html> 以下、CSSの内容です。 .blue { color: “blue”;} この内容でなぜsafariにCSSの内容が反映されないのか分かる方が居れば、返答お願い致します。

    • ベストアンサー
    • HTML
  • 外部スタイルシートをメモ帳で書き換えても反映されませんが

    すみません。連続質問で。いろいろ本を読んだり、ネットで調べたりしても、よけいに分からなくなるだけで。 HPビルダーを主に使ってHPを作っています。 最近、外部スタイルシートを取り入れているところです。 質問ですが、 HPビルダーでスタイルシートを書き換えるのがちょっと面倒な場合もあって、CSSファイルをメモ帳で呼びだして、直接書き換えて、上書き保存をしても、編集ページに反映されないようです。何か、反映をさせる方法をとらないといけないのでしょうか。

  • 外部CSSを使ったテーブルが作りたいのですが・・・。

    以前こちらで質問させて頂いて、「スタイル作りはCSSで」、と教えて頂き、CSSの勉強を始めました。 早速壁に当たっていまして、お知恵を拝借したいです。 外部CSSファイルに、ul.gaibu{color:ff0000}と記すと、 HTMLファイルに<ul class="gaibu">ここは赤で表示</ul> となる事は出来たのですが、 テーブルの場合、 外部CSSファイルにdiv#table{設定値}を記し、 HTMLに<div id=table>とすると、外部CSSの設定値が反映されましたが、 <tr>や<td>の内容をどう設定して、HTMLにどう記載すれば反映するかが分かりません。 因みに外部CSSに tr.table1 {border:1px #333333 solid; line-height:25px; padding-left:10px; paddting-right:10px; text-align:left; vertical-align:middle} と記載し、HTMLの方に <tr><td class="table1">表1</td><tr>としましたが、 CSSの内容は反映されていません。 宜しくお願い致します。

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

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

  • 外部ファイルでのスタイルシートの書き方

    質問内容は単純です。 どうぞ宜しくお願い致します。 あるweb関連の参考書に、 外部スタイルシートファイル「style.css」の一例として、 そのコード内容が書かれてあったのですが、 それを大雑把に説明すると下記のようになります。 <style type="text/css"> <!-- ~ 中身は、ここでは省略 ~ --> </style> そこで、質問です。 外部ファイルとしてスタイルシートを作成する場合、 上記のような書き方で、はたして良いのでしょうか? 上記のような書き方は、HTMLのヘッダー内にスタイルシートを挿入する場合の書き方 のような気がするのですが、その書き方をそっくりそのまま、外部ファイルへ持って行っても、 問題はないのでしょうか? 参考書が間違っているのかなぁ、と思い、 質問をさせて頂きました。 参考書は2005年発行のものです。

    • ベストアンサー
    • HTML
  • スタイルシートが反映されません。

    本の通り、スタイルシートを記述しましたがIE5.5では背景が反映されず NN4.75ではHTMLの内容までも消えて、何も表示されません。 htmlファイルのすぐ上のimagesフォルダにbggreen.jpgを入れてあり、 ディレクトリは間違いないと思うのですが、何がおかしいのかわかりません。 よろしくお願い致します。 <TYPE="text/css"> <!-- body { background-image: url('images/bggreen.jpg'); background-repeat: repeat-y } --></STYLE>

    • ベストアンサー
    • HTML