Q&A
ご回答ありがとうございました。無事解決できました！
プログラミング初心者です。Java(eclipse_4.6.3を使用)で出席管理システムのWebアプリケーションを作っています。ビューはJSP,デザインにCSSを使っています。
CSSでヘッダーの背景色#333333を設定しましたが、Tomcat8を再会し、実行してもヘッダー部分の背景色が反映されません。
↓CSSの該当するコード
CSS
1#header { 2 width: 100%; 3 height: 70%; 4 background-color: #333333; 5}
このように設定しましたが、以下のようになります。
「出席管理システムへようこそ」の文字の上のヘッダー部分に、白文字で「出席管理システム」と薄ら出ています。しかし、本来そのヘッダーの背景色は#333333と設定したはずですが、反映されません。
リンク内容
調べてみたところ、JSPでcssを呼び出す（？）ためのスタイルシートのリンクを間違えている可能性があるという情報があったので、確認したところ、私のJSPでは問題ありませんでした。一度削除して改めて書き直してみましたが変わりませんでした。
↓JSPの該当するコード
JSP
1<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> 2<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> 3<!DOCTYPE html> 4<html lang="ja"> 5 <head> 6 <meta charset="UTF-8"> 7 <title>出席管理システム</title> 8 <link rel="stylesheet" href="<c:url value='/css/reset.css' />"> 9 <link rel="stylesheet" href="<c:url value='/css/style.css' />"> 10 </head> 11 <body> 12 <div id="wrapper"> 13 <h1>出席管理システム</h1> 14 </div> 15 <div id="content"> 16 ${param.content} 17 </div> 18 <div id="footer"> 19 by ABC Company 20 </div> 21 22 </body> 23</html>
原因は何かご存知の方はいらっしゃいますか？よろしくお願いします。
＊開発環境 MacOS Catalina バージョン10.15.7 、 Eclipse_4.6.3
回答2件
0
ベストアンサー
CSSで#headerと指定したのなら、HTMLではid="header"と指定しなければスタイルが適用されませんが、見たところ、それに対応する部分がないようですね。id="wrapper"がid="header"の間違いなのでは?
なお、HTML5で書くのですから、ヘッダーにはheader要素、フッターにはfooter要素を使いましょう。
投稿2020/10/14 14:16
総合スコア11990
0
JSPで別ディレクトリに存在するCSSやJavaScript定義のパスは、そのJSPを表示したときのURLの影響を受けますので、必ずコンテキストパスから始めると良いです。
html
1href="${pageContext.request.contextPath}/css/reset.css"
なお c:urlはURLエンコードを実施してくれるタグですので、パスの修正はしてくれません。
投稿2020/10/14 14:19
総合スコア12011
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/10/14 14:45