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

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

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

JSP(Java Server Pages)とは、ウェブアプリケーションの表示レイヤーに使われるサーバーサイドの技術のことです。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

受付中

tableを画面中央に表示したい

nagomi72
nagomi72

総合スコア51

JSP

JSP(Java Server Pages)とは、ウェブアプリケーションの表示レイヤーに使われるサーバーサイドの技術のことです。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

2回答

0評価

0クリップ

507閲覧

投稿2018/09/21 06:54

JSPを用いてカレンダーを表示しているのですが、このカレンダーを画面中央(webページの中央)に表示させたいです。
現状、左右方向に対しては中央に表示できているのですが、上下では下方向が大きく余っている状態です。

<table>をdivで囲み、styleの部分で以下のようにした場合も、同様に下方向が余りました。 ``` div {  text-align: center }

table {
margin-left: auto;
margin-right: auto
}

tableに対してどのような処理をかけばいいのか、ご助言の程よろしくお願いいたします。 以下、ソースコードです。

<%@page import="java.util.Calendar"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ page import="model.*"%>

<html> <head> <meta charset=UTF-8"> <title>カレンダーの表示</title> <style> table th { padding: 30px 70px; }

table td {
padding-bottom: 50px;
}
</style>

</head> <body>
<% Month month = new Month(); User user = (User) session.getAttribute("LOGINUSER"); //パラメータ確認 String year_parameter = request.getParameter("YEAR"); String month_parameter = request.getParameter("MONTH"); String id_parameter = request.getParameter("ID"); //値がない、不正な場合-999をセット int year_now = month.yearParameterCheck(year_parameter); int month_now = month.monthParameterCheck(month_parameter); int id_now = month.idParameterCheck(id_parameter); //セッションにuser情報がないか、idが不正な値ならログインページへ if (user == null || id_now == -999) { RequestDispatcher dispatcher = request.getRequestDispatcher("/index.jsp"); dispatcher.forward(request, response); } //ログインしているか確認 user.login_status = user.loginUser(id_now, user); if (user.login_status == false) { RequestDispatcher dispatcher = request.getRequestDispatcher("/index.jsp"); dispatcher.forward(request, response); } //不正な値なら現在の年、月をセット if (year_now == -999 || month_now == -999) { year_now = month.cal.get(Calendar.YEAR); month_now = month.cal.get(Calendar.MONTH) + 1; } //12月の次は1月かつ次年度 if (month_now > 12) { month_now = 1; year_now++; } //逆もまた然り if (month_now < 1) { month_now = 12; year_now--; } int date_now = month.cal.get(Calendar.DATE); //monthインスタンスになんとなく現在の日時をセット month.cal.set(Calendar.YEAR, year_now); month.cal.set(Calendar.MONTH, month_now - 1); month.cal.set(Calendar.DATE, 1); %> <a href="/CalendarJsp/schedule/calendar.jsp?ID=<%=id_now%>&YEAR=<%=year_now%>&MONTH=<%=month_now + 1%>">翌月</a>&nbsp;<%=year_now%>年<%=month_now%>月&nbsp; <a href="/CalendarJsp/schedule/calendar.jsp?ID=<%=id_now%>&YEAR=<%=year_now%>&MONTH=<%=month_now - 1%>">前月</a> <a href="/CalendarJsp/Logout">ログアウト</a> <table border="1" align="center"> <tr> <th>日</th> <th>月</th> <th>火</th> <th>水</th> <th>木</th> <th>金</th> <th>土</th> </tr> <!-- その月の最終日 --> <% int max_day = month.cal.getActualMaximum(Calendar.DAY_OF_MONTH); %> <!--1日の曜日 --> <% int start_index = month.cal.get(Calendar.DAY_OF_WEEK); %> <tr> <!-- 1週目の1日までを空白で埋める --> <% for (int i = 1; i < start_index; i++) { %> <td>&nbsp;</td> <% } //当月の最終日まで日付けを入れていく for (int i = 1; i <= max_day; i++) { %> <td align="left"><a href="/CalendarJsp/ScheduleToday?YEAR=<%=year_now%>&MONTH=<%=month_now%>&DAY=<%=i%>&ID=<%=id_now%>"><%=i%></a></td> <% month.cal.set(Calendar.DATE, i); %> <!-- 土曜日なら次の列へ --> <% if (Calendar.SATURDAY == month.cal.get(Calendar.DAY_OF_WEEK)) { %> </tr> <% } %> <% } %> <!-- 当月の最終日が土曜日じゃない時、土曜日まで余白を埋める --> <% if (month.cal.get(month.cal.DAY_OF_WEEK) < 7) { %> <td> <% for (int count = month.cal.get(month.cal.DAY_OF_WEEK); count < 6; count++) { %> <td>&nbsp;</td> <% } %> </td> <% } %> </table> </form> </ body></ html>

良い質問の評価を上げる

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

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

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

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

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

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

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

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

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

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

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

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

ただいまの回答率
87.20%

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

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

質問する

関連した質問

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

JSP

JSP(Java Server Pages)とは、ウェブアプリケーションの表示レイヤーに使われるサーバーサイドの技術のことです。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。