テーブルを使って表を作っている(下記のURLから入ってご覧下さい)のですが、2つめの表からセルの幅が変わり、表示がおかしくなっています。原因と、解決方法を教えてください。宜しくお願いします。
http://www.geocities.jp/jomachokankyo/kogaishi
No.2ベストアンサー
- 回答日時:
テーブルは、一般には自動調整されます。
これを止めるには、table-layout を使います。↓http://www.tagindex.com/stylesheet/table/table_l …
今回の場合、具体的には、一部を下記のように書き換えればよいでしょう。↓
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML lang=ja><HEAD>
・・・・途中省略・・・・
.g1 {
LINE-HEIGHT: 20px
}
TABLE { table-layout: fixed; } /* ここは変更 */
.t1{WIDTH: 150px;} /* ここは挿入 */
.t2{WIDTH: 390px;} /* ここは挿入 */
.t3{WIDTH: 190px;} /* ここは挿入 */
A:link {
・・・・途中省略・・・・
<P class=g1>発生から平成10年度まで</P></CAPTION>
<TBODY>
<TR>
<TH class=t1>年月日</TH> <!-- ここは修正 -->
<TH class=t2>項目</TH> <!-- ここは修正 -->
<TH class=t3>備考(関係資料)</TH></TR> <!-- ここは修正 -->
<TR>
<TD width=150>昭和53年頃</TD>
・・・・途中省略・・・・
<P class=g1>平成11年度から平成 年度まで</P></CAPTION>
<TBODY>
<TR>
<TH class=t1>年月日</TH> <!-- ここは修正 -->
<TH class=t2>項目</TH> <!-- ここは修正 -->
<TH class=t3>備考(関係資料)</TH></TR> <!-- ここは修正 -->
<TR>
<TD width=150>平成11年5月16日</TD>
・・・・以下省略・・・・
参考URL:http://www.tagindex.com/stylesheet/table/table_l …
>テーブルは、一般には自動調整されます
知りませんでした・・・。細かい説明を頂き、ありがとうございます。尚、質問に書いたURLのものは修正せずに、暫らくの間残しておきたいと思います。
No.1
- 回答日時:
その二つ目のテーブルの5つ目の項目、年月日が
「平成11年7月9日~22日頃」
となっていますよね。
ソース側でここの「~」の
前か後ろに<br>を入れて改行してやれば
とりあえず問題は解決すると思います。
あと、今回の現象には直接関係ありませんが、全体的に
テーブルのタグがところどころおかしい
(<tr>が抜けていたり</td>が抜けていたりする)ので、
お時間のある時にでもゆっくり見直してみられたほうが良いですよ。
また表示がおかしくなる可能性があります。
ありがとうございました。<br>を入れると修正されました。<tr>や</td>に関する指摘も、今まで気付かずにいました。時間をみて修正していきたいと思います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Excel(エクセル) Excel2019 マクロを使用し画像を貼り付けした際のリンク切れについて 2 2022/11/15 16:14
- Access(アクセス) AccessVBAで降順にするテーブル作成クエリを使用して作成したテーブルを削除し同一のテーブル作成 1 2023/01/06 11:17
- Excel(エクセル) エクセルの数式で教えてください。 1 2023/02/02 10:20
- Excel(エクセル) エクセルについて教えてください。 3 2023/03/24 08:34
- JavaScript 【GAS】WEBアプリでハイパーリンクを挿入したい 1 2023/03/12 19:20
- Excel(エクセル) 【vba】日付の形式が勝手に変わってしまう。 1 2022/09/29 10:54
- Excel(エクセル) エクセルにおいてセル内の文字を出来るだけ大きく表示する方法を教えてください。 4 2022/07/30 08:08
- Visual Basic(VBA) ExcelのVBAコードについて教えてください。 2 2022/06/10 11:06
- Excel(エクセル) エクセルの数式について教えてください。 7 2023/06/18 10:16
- Access(アクセス) Access 登録ボタンからサブフォームの更新 1 2022/07/22 10:23
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
TABLEのセルの中の文字を行単位...
-
テーブルとテーブルの間隔について
-
CSSで特定のテーブルだけに...
-
HTML5で、テーブル内tdタグの高...
-
<th>タグを使っても太字にしな...
-
table表を横に並べる際の間隔指定
-
テーブル内のセル間にスペース...
-
HTML tableのセルにtextareaを...
-
正規表現で「より前」と「より後」
-
CSS スタイルを子要素の子要素...
-
ホームページのテキストを折り...
-
textareaの外側の文字が下付き...
-
同じ幅指定のつもりなのに、ブ...
-
tableの記述方法について質問を...
-
tableのcellpadding="0" cellsp...
-
Frameを使わないホームページの...
-
検索窓の位置を指定する方法
-
<tr>タグ、<td>タグ
-
テーブルタグの中にdivを含めて...
-
テーブルの横に画像を
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
TABLEのセルの中の文字を行単位...
-
テーブルとテーブルの間隔について
-
<th>タグを使っても太字にしな...
-
CSSで特定のテーブルだけに...
-
HTML5で、テーブル内tdタグの高...
-
HTML tableのセルにtextareaを...
-
テーブル内のセル間にスペース...
-
画面幅に合わせてテーブルのカ...
-
同じ幅指定のつもりなのに、ブ...
-
table表を横に並べる際の間隔指定
-
(HTML)Tableを任意の位置に置...
-
正規表現で「より前」と「より後」
-
CSS スタイルを子要素の子要素...
-
tableの位置がIEとその他ブラウ...
-
<fieldset>タグについて
-
<table>のclass指定が継承されない
-
html5のテーブル内でdivのタブ...
-
HTMLのテーブルをExcelにCopy&P...
-
テーブルデータを折り返して表...
-
tableのcellpadding="0" cellsp...
おすすめ情報