質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
87.20%
ASP.NET

ASP.NETは動的なWebサイトやWebアプリケーション、そしてWebサービスを構築出来るようにする為、Microsoftによって開発されたウェブアプリケーション開発フレームワークです。

VB.NET

Microsoft Visual Basic .NETのことで、Microsoft Visual Basic(VB6)の後継。 .NET環境向けのプログラムを開発することができます。 現在のVB.NETでは、.NET Frameworkを利用して開発を行うことが可能です。

解決済

IISのローカル環境でCSSが適用されない

Seiten_Minagawa
Seiten_Minagawa

総合スコア0

ASP.NET

ASP.NETは動的なWebサイトやWebアプリケーション、そしてWebサービスを構築出来るようにする為、Microsoftによって開発されたウェブアプリケーション開発フレームワークです。

VB.NET

Microsoft Visual Basic .NETのことで、Microsoft Visual Basic(VB6)の後継。 .NET環境向けのプログラムを開発することができます。 現在のVB.NETでは、.NET Frameworkを利用して開発を行うことが可能です。

3回答

0評価

1クリップ

134閲覧

投稿2018/08/30 12:35

編集2022/01/12 10:58

前提・実現したいこと

ASP.NET、VB.NETを使ったWebアプリケーション。
CSSを使って、Labelなどを装飾したい。

発生している問題・エラーメッセージ

IISを使用したローカル環境に限り、CSSが適用されない。(Firefox、Google Chromeで確認)
Microsoft Azureに発行し公開したもの、Visual Studioから起動した場合は、CSSが適用されている。

該当のソースコード

「style.css」は同一のディレクトリに存在している。

ASP.NET

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="(ファイル名).aspx.vb" Inherits="(ソリューション名).(ファイル名)" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <link rel="stylesheet" href="style.css" type="text/css" /> <title></title> </head> <body>     <!--ここにLabelなどが書かれている--> </body> </html>

試したこと

linkのhrefの「style.css」の前に、「./」を付けたりした(逆にエラーが発生し、動作しなくなった)。
フォルダの共有設定で、「Everyone」に読み込み権限を付与した。

補足情報(FW/ツールのバージョンなど)

OSはWindows10 Pro。

良い質問の評価を上げる

以下のような質問は評価を上げましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

  • プログラミングに関係のない質問
  • やってほしいことだけを記載した丸投げの質問
  • 問題・課題が含まれていない質問
  • 意図的に内容が抹消された質問
  • 過去に投稿した質問と同じ内容の質問
  • 広告と受け取られるような投稿

評価を下げると、トップページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

SurferOnWww
SurferOnWww

2018/08/30 14:20

ブラウザのキャッシュは?
Seiten_Minagawa
Seiten_Minagawa

2018/08/30 14:24

ブラウザのキャッシュの削除を試してみましたが、効果はありませんでした。
Seiten_Minagawa
Seiten_Minagawa

2018/08/30 14:26

また、CSSファイルのサイズは300バイト程度になっていますが、「ディスク上のサイズ」が0バイトになっていました。これは何か違うのでしょうか?
SurferOnWww
SurferOnWww

2018/08/30 14:30

ブラウザのキャッシュを消したあと Fiddler で見てください。
SurferOnWww
SurferOnWww

2018/08/30 14:32

あと、href="style\.css" というのはダメです。考えましょう
SurferOnWww
SurferOnWww

2018/08/30 14:55

もう一つ「IISのローカル環境」とのことですが、アクセス権の問題かも。users に読み取り権限はありますか?
Seiten_Minagawa
Seiten_Minagawa

2018/08/30 14:58

「Everyone」に読み取り権限を与えていますが、「users」とはまた違ったものなのでしょうか?
SurferOnWww
SurferOnWww

2018/08/30 15:02 編集

知りません。everyone とか考えてこともないので。前に言った Fiddler で見てみましたか? 要求・応答は正常ですか? 聞かれたことには答えてくれないと・・・
SurferOnWww
SurferOnWww

2018/08/30 15:05

href="style\.css" というのはダメといいましたけど、そこ理解してますか?
Seiten_Minagawa
Seiten_Minagawa

2018/08/30 15:09

Fiddlerで確認しましたがアクセスログと同様style\.cssはResultが200でした。
Seiten_Minagawa
Seiten_Minagawa

2018/08/30 15:10

ASP\.NETを始めたばかり故、外部CSSファイルのパス指定をあまり理解していません。
Seiten_Minagawa
Seiten_Minagawa

2018/08/30 15:14

Resultは200\(リクエストが受理された\)ですが、中身がないCSSファイルに化けている\(\?\)ようです。
SurferOnWww
SurferOnWww

2018/08/30 15:15

> Fiddlerで確認しましたがアクセスログと同様style\.cssはResultが200でした。 ←中身は見ましたか? 期待通りでしたか? F12 開発者ツールでどのようにスタイルが適用されているか見てみましたか?
SurferOnWww
SurferOnWww

2018/08/30 15:20

> 外部CSSファイルのパス指定をあまり理解していません。 ←基本のキなので理解してないのではダメです。読んでください https://msdn\.microsoft\.com/ja-jp/library/ms178116%28v=VS\.100%29\.aspx
SurferOnWww
SurferOnWww

2018/08/30 15:22

> 中身がないCSSファイルに化けている\(\?\)ようです。 ←化けるなんてことはないはず。そもそもが中身がないのでは? そこを、質問する前に、ちゃんと調べてくれないと・・・
Seiten_Minagawa
Seiten_Minagawa

2018/08/30 15:25

IPアドレスから見ると\(192\.168\.x\.x/\(フォルダ\)/style\.css\)中身がないCSSファイルになりますが、エクスプローラでアクセス\(wwwroot/\(フォルダ名\)/style\.css\)して別のエディタ\(メモ帳、Crescent Eveなど\)で見ると正常に中身が書き込まれています。
SurferOnWww
SurferOnWww

2018/08/30 15:27

読んでください https://msdn\.microsoft\.com/ja-jp/library/ms178116%28v=VS\.100%29\.aspx
SurferOnWww
SurferOnWww

2018/08/30 15:30

もう一回だけ言います。href="style\.css" というのはダメといいましたけど、そこ理解してますか?
Seiten_Minagawa
Seiten_Minagawa

2018/08/30 15:32

申し訳ないですがあまり理解していません。リンク先を読んで考えうるパスのパターンを試しましたが、うまくいきません。
Seiten_Minagawa
Seiten_Minagawa

2018/08/30 15:34

例えば、「\.\./style\.css」「/\(フォルダ\)/style\.css」「~/\(フォルダ\)/style\.css」です。
liveasnotes
liveasnotes

2018/08/30 15:38

適当にやってもダメです.パスの指定はWeb系でなくてもほぼ避けて通れない部分です.cf\.「絶対パス、相対パス、ルートパスの違いってなに?メリット・デメリットは?」\(https://fastcoding\.jp/blog/all/frontend/path/\)
SurferOnWww
SurferOnWww

2018/08/30 15:46

適当なことを行き当たりばったりでやってないで、よく読んでちゃんと理解してやってください。 https://msdn\.microsoft\.com/ja-jp/library/ms178116%28v=VS\.100%29\.aspx 何度も言わせないでください。
SurferOnWww
SurferOnWww

2018/08/30 15:47

今頃話が戻って何ですか「IISを使用したローカル環境に限り」と「Microsoft Azureに発行し公開した」と違いますよね? どういうこと?
SurferOnWww
SurferOnWww

2018/08/30 15:49

> CSSファイルのサイズは300バイト程度になっていますが、「ディスク上のサイズ」が0バイトになっていました。 ←これは何を見たのですか?
Seiten_Minagawa
Seiten_Minagawa

2018/08/30 16:06 編集

以前に外部CSSファイルを使ったASP\.NETで制作したWebアプリをMicrosoft Azureに向けて発行したものは質問で挙げたaspxのソースのパス指定でもCSSが反映されたのですが、IISを使ったローカル環境だとこのパス指定ではCSSが反映されない模様です。
Seiten_Minagawa
Seiten_Minagawa

2018/08/30 16:04

ディスク上のサイズはファイルのプロパティ\(右クリックメニューで出せるもの\)で確認しました。

まだ回答がついていません

会員登録して回答してみよう

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
87.20%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

同じタグがついた質問を見る

ASP.NET

ASP.NETは動的なWebサイトやWebアプリケーション、そしてWebサービスを構築出来るようにする為、Microsoftによって開発されたウェブアプリケーション開発フレームワークです。

VB.NET

Microsoft Visual Basic .NETのことで、Microsoft Visual Basic(VB6)の後継。 .NET環境向けのプログラムを開発することができます。 現在のVB.NETでは、.NET Frameworkを利用して開発を行うことが可能です。