- 締切済み
MacからアップしたCSSがWinで反映されないんです…
こんにちは！ Macでサイトを作ってます。 ここのところずっと同じ問題で悩んでいます。 CSSファイルをMacのシンプルテキストで作成し、リンク色など反映するように指定しています。 アップした後に確認すると、MacではきちんとCSSが反映されているのですが、Winでは反映されません。 Winで見ると、リンク色はデフォルトの青→紫、 スクロールバーも指定しているのですが、デフォルトのままです。 Macからアップロードした場合に、 きちんとWinに反映されていないのは、何かおかしいところがあるのでしょうか？ よろしくお願いいたします。 因みに、<HEAD></HEAD>内でこのように指定しています。 <LINK TITLE="main" HREF="main.css" TYPE="text/css" REL="STYLESHEET">
- CSS
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- taba
- ベストアンサー率61% (349/567)
なんとなく文字コードの関係でうまく読めていないような予感がしますが、自信はありません。 とりあえずWindowsで見る環境がおありなのであれば、IEで表示して、ファイル＞名前をつけて保存で、ファイルの種類をWebページ・完全にして、Windowsマシンのローカル環境に保存してください。 そうすると、画像やCSSなどがフォルダにまとまって入りますので、そのCSSをテキストエディタ等で開いてチェックするのがいいと思います。 もしmain.cssのファイル自体が作成されていなかったら別の問題ですが、Macで表示できているのでそれは無いんじゃないでしょうか。
- BLUEPIXY
- ベストアンサー率50% (3003/5914)
ものは試しで、 <link rel="stylesheet" href="main.css" type="text/css"> としてみて下さい。 あと、main.cssとhtmlで文字コードは同じになってますか？ あんまり、自信ないですが…
関連するQ&A
- ＣＳＳが反映されないで困っています；；
日本のホストの時は、ＣＳＳがＨＴＭＬにうまく反映されていたのですが、 ホストを海外の Ｔ３５Hosting と Graffiti.net で同じ様に挑戦したら ＣＳＳが反映されませんでした；； index.htmlのヘッド内に下記を書いて、 top.cssの名前でＣＳＳを書きました。 <head> <meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> <meta http-equiv="content-style-type" content="text/css"> <link rel="stylesheet" href="top.css" type="text/css"> </head> なぜか、反映されませんでした；； 「/」（ルートディレクトリ）と何か関係あるのでしょうか。 <link rel="stylesheet" href="top.css" type="text/css">の行の href="top.css" を href="/.top.css" などに変えなくてはいけないのでしょうか。。。 お知りの方 よろしくお願いします。
- ベストアンサー
- ブログ
- cssが反映されません。
記述はこうです。 <link href="../rendez.css" rel="stylesheet" type="text/css"> アップするとフォントのサイズ等がデフォルトのままです。 どなたかよろしくお願いします。
- ベストアンサー
- CSS
- css media screen、all 使い分け
<link rel="stylesheet" href="/css/★★.css" media="all"> <link rel="stylesheet" href="/css/★★.css" media="screen"> の使い分けが良く分かりません。 印刷を分けたい時の画面用として「media="screen"」があると思うのですが、 仮に、「screen」指定だけした場合(print指定なし)は、印刷するとcssが全く適用されないのでしょうか？ と言うことは、「screen」指定した際は、必ず「print」指定もすべきなのでしょうか？ また、そもそもデフォルトの挙動はどうなっているのでしょうか？ <link rel="stylesheet" href="/css/★★.css"> と書くことも出来るのでしょうか？
- ベストアンサー
- CSS
- ｃｓｓの反映について（フォルダにいれると反映されない）
学校の課題として今HPの作成しています。 ｃｓｓのことでわからないことがあるので、誰か詳しい方いましたら教えてください。 かなりページ数が増えてきてしまったので、ページごとにフォルダを作って整理をしようと思うのですが、 そうするとフォルダの中に入れたファイルにはｃｓｓが反映されなくなってしまうんです。 （ちなみにHEADの中に直接埋め込むｃｓｓでなく、ｃｓｓファイルを別に作ってリンクするものです。） フォルダからｃｓｓファイルを出してしまえば、反映されるのですが、 ｃｓｓファイルは全てｃｓｓというフォルダの中に入れなければいけないという決まりがあるので困っています。 <link rel="stylesheet" type="text/css" href="css/design.css"> ↑このようなタグでｃｓｓファイルのリンクを貼っているのですが、反映されません。 どこが間違っているのでしょうか？？ 締め切りが金曜日までなので、かなり困ってます！ 初歩的な質問＆わかりにくい質問ですみませんが、どなたかよろしくお願いします。
- ベストアンサー
- HTML
- Macfirefox3とMacfirefox2以下でCSSを切り替えたい
MacのFirefox3は、Firefox2までとはデフォルトフォントサイズが 違うので、Firefox3とそれ以外のFirefoxで分けたいです。 今まで、CSSを以下のスクリプトでブラウザ別に分岐していました。 MacのFirefox3の分岐を増やしてみたのですが、それ以外のFirefoxのCSSに 分岐されてしまいます。 あまりJavascriptに明るくないので、 どうしてわかれてくれないものか困っています。 どうぞお知恵をお貸し下さい！ ↓以下、かいてみたソースです。 var Win=(navigator.userAgent.indexOf("Win")!=-1); var Mac=(navigator.userAgent.indexOf("Mac")!=-1); var Explorer=(navigator.appName.indexOf("Explorer")!=-1); var Firefox=(navigator.userAgent.indexOf("Firefox") !=-1); var Netscape=(navigator.appName.indexOf("Netscape")!=-1); var opera=(navigator.userAgent.indexOf("Opera")!=-1); var safari=(navigator.userAgent.indexOf("Safari")!=-1); var Version=navigator.appVersion.charAt(0); if(safari){ document.write('<LINK rel="stylesheet" href="/css/mac_safari.css" type="text/css">'); } else if(Win && Explorer && Version=="6"){ document.write('<LINK rel="stylesheet" href="/css/win_ie.css" type="text/css">'); } else if(Win && Firefox){ document.write('<LINK rel="stylesheet" href="/css/win_ie.css" type="text/css">'); } else if(Win && opera){ document.write('<LINK rel="stylesheet" href="/css/win_ie.css" type="text/css">'); } /*増やしたところ*/ else if(Mac && Firefox && Version=="3"){ document.write('<LINK rel="stylesheet" href="/css/mac_safari.css" type="text/css">'); }/*増やしたところ終わり*/ else if(Mac && Firefox){ document.write('<LINK rel="stylesheet" href="/css/mac.css" type="text/css">'); } else if(Mac && opera){ document.write('<LINK rel="stylesheet" href="/css/mac_safari.css" type="text/css">'); } else if(Win && Netscape && Version=="4"){ document.write('<LINK rel="stylesheet" href="/css/win_nn.css" type="text/css">'); } else if(Mac && Explorer && Version=="5"){ document.write('<LINK rel="stylesheet" href="/css/mac_safari.css" type="text/css">'); } else if(Mac && Netscape && Version=="7"){ document.write('<LINK rel="stylesheet" href="/css/mac.css" type="text/css">'); } else if(Mac && Netscape && Version=="4"){ document.write('<LINK rel="stylesheet" href="/css/mac.css" type="text/css">'); } else{ document.write('<LINK rel="stylesheet" href="/css/font.css" type="text/css">'); }
- ベストアンサー
- JavaScript
- ＣＳＳとMacの関係
ＣＳＳの制御で、 外部ＣＳＳ マック用に css/style_mac.css に body {font-size: 12pt;} td {font-size: 12pt;} ウイン用に css/style_win.cssに body {font-size: 10pt;} td {font-size: 10pt;} と記述しています。 がプラウザで確認したところ、 windows IE5.0は制御されていますが、 Mac IE5.0で制御されません。 HTMLの呼び出しは、 <SCRIPT LANGUAGE="JavaScript"> <!-- if(navigator.appVersion.indexOf("Mac",0) != -1){ document.writeln('<link rel="stylesheet" type="text/css" href="css/style_mac.css">'); } else { document.writeln('<link rel="stylesheet" type="text/css" href="css/style_win.css">'); } //--> </SCRIPT> と記述しています。 そもそもjavaがわからないので どこを直せばMacでも制御されるのでしょうか。 よろしくお願いいたします。
- ベストアンサー
- HTML
- CSSの読み込み開始までラグがあります
header.php、main.php、footer.phpの３ファイルを作成して、 index.phpに include './header.php'; include './main.php'; include './footer.php';などとして読み込ませました。 cssファイルは、header.phpの<head>に <link rel="stylesheet" type="text/css" href="header.css"> <link rel="stylesheet" type="text/css" href="main.css"> <link rel="stylesheet" type="text/css" href="footer.css"> の形で記述されています。 javascriptがあり、これも同様に<head>に記述されています。 以上のファイルはすべて同じフォルダ内にあり、これをlocalhostで表示させました。 これをchromeで要素を検証してみたところ、 cssの読み込み開始までに2秒近いラグがあります。 このラグの考えられる原因は何があるでしょうか。 どなたか心当たりのある方、教えてください。よろしくお願いします。
- ベストアンサー
- CSS
- base hrefとlink rel
テキストエディタでhtmlを書いています。 外部cssを使うので、 <link rel="stylesheet" href="style.css" type="text/css"> をヘッダ部に入れていますが、これより上に <base href="～"> で基準URIを指定しようとすると、cssが反映されなくなってしまいます。 先に <link rel="～ を入れてしまうと、文法チェックで引っ掛かるのですが、どうしたら良いのでしょうか？ ソースは、 <Head> <base href="絶対パス"> <link rel="stylesheet" href="style.css" type="text/css"> で、この後にmeta属性を入れています。 よろしくお願い致します。
- ベストアンサー
- HTML
- 外部CSSがうまく表示されません
下記ファイル(index.html・sld01.html・sld02.html） について相互にリンクし、外部CSSで制御したいのですが、うまくできません。 1.index.html→sld01.html（CSS反映せずdefault表示）さらにsld02.htmlへはリンク切れとなる。 2.sld01.html→sld02.htmlの場合、sld01.htmlでの文字色が a:visitedになりsld02.htmlジャンプでCSS反映せずdefault表示となりindex.htmlへはリンク切れとなります。 どなたかご教授いただけませんでしょうか？ index.html <html> <head>省略 <link href="/styles-site.css/navi.css" rel="stylesheet" type="text/css"> <link href="/styles-site.css/waku.css" rel="stylesheet" type="text/css"> </head> <body> <table>省略 <div> <a href="index.html">top</a> </div> <div> <a href="../sldset/sld01.html">gallery</a> </div> </table> </body> </html> sld01.html・sld02.html(slid.01へ) <html> <head>省略 <title>gallery</title> <link href="/css/base.css" rel="stylesheet" type="text/css"> </head> <body> <TABLE> <TBODY> <TABLE> <TBODY> 省略（java) <font size="-1"> <a href="/contents/sldset/sld02.html">slid.02へ</a></font> </TBODY> </TABLE> <font size="-1"> <a href="/contents/index/index.html">元のページに戻る</a></font> </TBODY> </TABLE> </body> </html> base.css(一部省略） a:link { color: #FFCC33; text-decoration: none; } a:visited { color: #CCCCCC; text-decoration: none; } a:hover { color: #66CCFF; text-decoration: none; } a:active { color: #FF3366; text-decoration: none; }
- ベストアンサー
- その他（プログラミング・開発）
- frameでのcssの変更する方法
frameを使ってmain.html、menu.htmlを表示し、menu.htmlからmain.htmlのcss(外部)を変更する方法を教えてください。 frameのnameはmain.html→main、menu.html→menu、main.htmlのcssのidはmain、で指定してあります。 以下サンプルです frame.html <html> <head> </head> <frameset rows="50,*"> <frame src=main.html name="main"> <frame src=menu.html name="menu"> </frameset> </html> main.html <html> <head> <link rel="stylesheet" type="text/css" href="a.css" id="main"> ←(a.cssをb.css変更したい) </head> <body> </body> </html> menu.html <html> <head> </head> <body> </body> <a href="#">変更トリガー</a> </html>
- ベストアンサー
- JavaScript
