いつもお世話になっております。
ソースは以下の様となります、htmlのときが正常に表示されますが。
JSP化すると微妙が所にテーブルがずれてしまい、これを解消するにはどんな解決あるかな?
<html>
</body>
<table width="700" border="0" cellspacing="0">
<tr>
<td valign="top"><table width="100" border="1" cellspacing="0" bordercolor="#FF3366" >
<tr align="center">
<td height="23" ><img src="../Assets/Body/Common/StaffList.gif" alt="スタッフ" width="31" height="12" /></td>
</tr>
<tr align="center">
<td height="23" >田中栄子</td>
</tr>
・
・
//この部分がJSP上がループ処理となる
・
</table>
</td>
<td valign="top">
<div style="overflow-x:scroll; width:601px; scrollbar-track-color: #FFffff; scrollbar-face-color:#ff3366; scrollbar-shadow-color: #ff3366; scrollbar-highlight-color: #ff3366; scrollbar-arrow-color: #ffffff; scrollbar-darkshadow-color:#ffffff; scrollbar-3dlight-color:#ffffff;">
<table width="1200" border="1" cellpadding="0" cellspacing="0" bordercolor="#FF3366" >
<tr align="center" class="time_font" >
<td>
・
・
//この部分がJSP上がループ処理となる
・
・
・
・</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</body>
</html>
ちょっと長いですが、見ていただいてありがとうございます、賜りたく切にご回答をまちしておております。
A 回答 (3件)
- 最新から表示
- 回答順に表示
No.3
- 回答日時:
質問のHTMLを見ると、とりあえずはタグの閉じ忘れ等は
無い様に思います。
#サイズ指定などがおかしいですが、たぶんHTMLも同じなのでしょう。
どのようにずれるのかがはっきりわからないので、何とも言えないのですが
とりあえず、ずれないHTMLのソースと、ずれるJSPで出力したソースを
比較してみてはどうでしょうか。
JSPのループ部でタグが閉じ忘れている可能性もありますので。
No.1
- 回答日時:
JSPはjavascriptのことと解釈していいのでしょうか?
テーブルのずれ方がどのように意図と異なるのか不明ですが、多分、スクリプトから出力されたHTMLが原因ではないでしょうか。
ソースでは違うところが発見できないのでしょうから、一度、表示した状態で、アドレスバーに
javascript:alert(document.getElementsByTagName('body')[0].innerHTML);
のように入力すると、アラート表示で出力されたHTMLを確認できます。
アラート表示するには全体が長すぎる場合は、tableタグ毎、あるいはtrタグ毎などに分割して、ループさせて確認するのがよろしいかと。
それでも発見できない場合は、表示内容をコピーしてそれをソースとしたファイルを作成し、再表示してみるなどといった方法で根気よく違うところを探していくのが結局のところ近道では?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- JavaScript EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列について 1 2022/05/02 11:21
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- HTML・CSS img と p を縦中央に配置したいのですがうまくいきません。 2 2023/01/12 14:38
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
CSS line-height が効かない
-
HTMLでテーブルを縦に並べたい!
-
テーブルの中のグラデーション...
-
Firefox2で縦方向に隙間が出来...
-
table内で画像と文字をセンター...
-
Excelで可視部分だけをWeb形式...
-
htmlでテーブル内にテキストボ...
-
エクセルでサイズに合ったもの...
-
Excel で等間隔で縦線を引きた...
-
<tbody>は何のためにあるんでし...
-
【エクセルVBA】シェイプのサイ...
-
インラインフレームの表示位置...
-
CSSのtransform: translate(-50...
-
markdownでテーブルの罫線は、...
-
エクセルでサイズ指定でPOP...
-
【ホームページビルダー】表の...
-
HTMLでブラウザを終了させる方法
-
window.openした時、親ウィンド...
-
PDFへてのテキストボックスにて...
-
エクセルの行の幅がずれる
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
table内で画像と文字をセンター...
-
<td> 内のテーブルを上寄せにす...
-
HTMLでテーブルを縦に並べたい!
-
表の中に表
-
テーブルで3セル作った行の下に...
-
Excelで可視部分だけをWeb形式...
-
スタイルシートで<table>の内側...
-
Jimdoで表組のなかの画像をポッ...
-
テーブルとテーブルの間に、隙...
-
WebにてExcelを生成してダウン...
-
<TABLE><TD><TR>~内のアンカー
-
DWでのメールフォーム作成
-
表の中でのフォーム
-
プリントアウト時、ページ内容...
-
CSS line-height が効かない
-
htmlのセル幅固定の仕方
-
valign="top" が効かない
-
cssのfont-sizeがFirefoxで効か...
-
width="150" に収まるように・...
-
ドリームウェーバー(ウィーバ...
おすすめ情報