JSPでCSSが反映されない

実現したいこと

jspのファイルで、ヘッダーや共通メニューをインクルードし、ページを表示させたいのですが、CSSが効かず適用させたいです。

HTMLの最初の記述~<head>タグ最後まで → header.jsp
共通のメニュー → menu.jsp

前提

サーブレット・JSPを使ってWeb上で動くプログラムをeclipseで作成をしており
jspファイルの中にヘッダー部分や共通メニューをインクルードして読み込み
表示させてたいです。

階層イメージは下記です。
イメージ説明

発生している問題

CSSが反映されず困っています。一部とかではなく、CSSファイルが全く効いていない状態です。
index.jspのソース表示で、CSSファイル自体はリンクし、記述したCSSの内容は表示されるのですが
index.jspに適用されておりません。

該当のソースコード

index.jsp

1<%@ page language="java" contentType="text/html; charset=UTF-8" 2 pageEncoding="UTF-8"%> 3 4<%@include file="../header/header.jsp"%> 5<%@include file="../menu/menu.jsp"%> 6 7 <main> 8 <h1>タイトル</h1> 9 10 <p>テキストが入る</p> 11 </main> 12以下フッターが入る 13

header.jsp

menu.jsp

試したこと

header.jspのincludeをやめてindex.jspに直接linkタグを入れたら表示されることを確認しました。しかし、その下にmenu.jspをincludeするとまたCSSが効かず、なぜなのか分かりません。

ご教示いただけませんでしょうか。よろしくお願いいたします。

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

ここにより詳細な情報を記載してください。
eclipse

コメントを投稿

0 コメント