実現したいこと
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 コメント