- ベストアンサー
CSSがうまく読み込まれません
いつもお世話になっています。 Dreamweaver CS4でホームページ作りをしているのですが、 突然CSSが読み込まれなくなりました。 htmlのソースは <!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/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>無題ドキュメント</title> <link href="CSS/test.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="1"> <p>1</p> </div> <div id="2"> <p>2</p> </div> <div id="3"> <p>3</p> </div> <div id="4"> <p>4</p> </div> <div id="5"> <p>5</p> </div> </body> </html> cssのソースは body { padding: 20px; width: 850px; margin-right: auto; margin-left: auto; border: 1px solid #999; } #1 { width: 850px; background-color: #666; } #2 { width: 850px; background-color: #999; } #3 { background-color: #CCC; width: 850px; } #4 { background-color: #999; width: 850px; } #5 { background-color: #666; width: 850px; } です。 どちらもエンコーディングはUTF-8です。 ちなみにDreamweaverで制作中の表示ではCSSは反映されているのですが、 プレビューまたはサーバーにアップすると反映されません。 なにが原因なのでしょう。。。 何卒よろしくお願いいたします。
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
要は「id="1"」はダメ、「id="a"」にしなさいってことです。
その他の回答 (3)
- himajin100000
- ベストアンサー率54% (1660/3060)
http://www.w3.org/TR/xml/#sec-attribute-types id属性など、ID型属性はName生成規則にしたがっていなければならず、 http://www.w3.org/TR/xml/#NT-Name NameStartCharにはASCIIの0-9が含まれていない。 http://www.atmarkit.co.jp/fxml/ddd/ddd004/ddd004-bnf.html Name生成規則に沿うように変更すれば適用されると思います。
お礼
himajin100000様 解答ありがとうございます。 しかしながら解答内容は私には複雑難解なものでした。 勉強不足ですいません。 ちなみに今までは普通にdiv→css設定とかできていました。
補足
himajin100000様 ありがとうございました。 この経験を踏まえもっと勉強したいと思います。
- ORUKA1951
- ベストアンサー率45% (5062/11036)
そのページを表示してみてURLの部分を/CSS/test.cssに書き直してみたら？？？ たとえば、 http://hoge.com/index.html なら http://hoge.com/CSS/test.css Firefox+firebugで適用されているかを確かめるほうが早い。
お礼
ORUKA1951様 解答ありがとうございます。 firebugの使い方がいまいちわからないもので。。。 すいません勉強不足です。
- 錯雑 っち（@sakuzatchi）
- ベストアンサー率35% (174/492)
href="CSS/test.css" が臭いです。 Windowsでは、フォルダ名・ファイル名の大文字小文字は厳密に区別されませんがUNIXでは区別されます。 おそらくあなたがサーバにアップしたのは CSSというフォルダではなく、cssというフォルダではないでしょうか。 対処方法は3つあります。どちらか都合のよい方法を選んでください。 (1)href="CSS/test.css" をhref="css/test.css" にする (2)サーバのCSSという名称のフォルダをcssに変更する (3)Windowsサーバに乗り換える
お礼
sakuzatchi様 早い解答ありがとうございます。 ご指摘いただきました(1)(2)を実行しましたが、 結果は変わりませんでした。 今まではこのやり方で出来ていたんですが、 今日突然CSSが反映されなくなってしまったのです。 何か環境設定が原因なのでしょうか。。。
お礼
hehodzun様 解答ありがとうございます。 おかげで解決できました。 id名数字ではダメなんですね。。。 全く気にせず作業してました。 勉強不足でした。