dポイントプレゼントキャンペーン実施中!

デスクトップ上でwebサイトをTwitter bootstrapのフレームワークを使いながら構築しました。ローカル上は何の問題もなかったのですが、サーバーにアップロードした途端に、CSSや画像の読み込みがされなくなってしまいました。


The results here may be inaccurate because some stylesheets could not be loaded due to access restrictions.
というようなメッセージがfirefoxで確認されました。

ディレクトリ構造は、下記のような感じです。
index.html
bootstrap/css
bootstrap/js
bootstrap/img


実際のindex.htmlのヘッダー
(ちなみにhtml5の記法に従ってます。)

<head>
<meta charset="utf-8"/>
<title>Twitter bootstrap practice</title>
<link href="bootstrap/css/bootstrap.css" rel="stylesheet"/>
<script src="bootstrap/js/jquery.js"/></script>
<script src="bootstrap/js/bootstrap.min.js"/></script>
<style type="text/css">
body{padding-top:40px}
</style>
</head>

なぜかさっぱりわかりません。
教えてください。

よろしくおねがいします。

A 回答 (2件)

>due to access restrictions


ファイルへのアクセス権があるか確認してみてください。
    • good
    • 0
この回答へのお礼

アクセス権で解決しました!!ありがとうございます!!

お礼日時:2012/02/21 01:27

firefoxをお使いなら、Live HTTP Headersをつかって、「The results here may be inaccurate because some stylesheets could not be loaded due to access restrictions.」は確認できます。


 Live HTTP Headers ( https://addons.mozilla.jp/firefox/details/3829 )

 なお、HTMLは間違ってます。HTML5では、XHTMLとの過去互換性のため空要素は、/>で閉じることも許容されますが、
<script src="bootstrap/js/jquery.js"/></script>
 は明らかな間違いです。
<script src="bootstrap/js/jquery.js">
ですが、
<script src="bootstrap/js/jquery.js"/>
とも書けます。type属性は不要になりました。

この回答への補足

上のようにソースを修正しましたら、画面にhtmlも表示されなくなりました。
どうしてでしょうか?

補足日時:2012/02/20 23:38
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!