-PR-
解決済み

<TABLE>の<TD>タグの幅指定について

  • すぐに回答を!
  • 質問No.33122
  • 閲覧数2133
  • ありがとう数2
  • 気になる数0
  • 回答数2
  • コメント数0

お礼率 60% (3/5)

<FORM>を2つに切って、その表示がずれてしまうという記事が少し前にありましたが、多少内容がかぶるかもしれません。

列項目が全く同じ2つの表を上下に並べて表示しようと思っています。
<TABLE>タグはWIDTHの指定ができるので表全体のサイズは上下でそろっているのですが、その中の項目の縦の線がずれてしまいます。

原因はその項目に表示される内容が上の表と下の表とで異なっていることによるズレのようです。
(<TD>のタグにはwidthの指定が無く、<TABLE>全体として、バランスが取れるように自動的に中の項目幅を調整してしまうためらしいです(--; )

何か画期的な裏技がありましたら、教えてください。
お願いします。
通報する
  • 回答数2
  • 気になる
    質問をブックマークします。
    マイページでまとめて確認できます。

質問者が選んだベストアンサー

  • 回答No.2
レベル8

ベストアンサー率 54% (13/24)

<td>の属性で、width="500" のような指定も出来ますが、そうやってきっちりと幅指定をしても、ブラウザが勝手にレイアウトを変更してしまうこともよくあります。これを防ぐには、透明な1pixelのgifを利用する方法が有効です。
(HTML4.01では、本来推奨されていないアプローチのようですが。)

たとえば、
<table width="100">
<tr><td width="50">abc</td><td width="50">ABC</td></tr>
<tr><td width="50">abcdefg</td><td width="50">AB</td></tr>
</table>

としたが、意図した表示と異なる場合には、

<table width="100">
<tr height="1"><td width="50"><img src="clear.gif" width="50" height="1"></td><td width="50"><img src="clear.gif" width="50" height="1"></td></tr>
<tr><td width="50">abc</td><td width="50">ABC</td></tr>
<tr><td width="50">abcde</td><td width="50">AB</td></tr>
</table>

のようにすることで、理不尽なレイアウトになることを防ぐことができます。
お礼コメント
hidekino

お礼率 60% (3/5)

イメージタグによる幅指定はテーブルの持つそれよりも強力なようですね。参考にさせていただきます。
投稿日時 - 2001-01-30 17:13:55
-PR-
-PR-

その他の回答 (全1件)

  • 回答No.1
レベル10

ベストアンサー率 35% (54/152)

<TD>タグにもwidthの指定ができますので

<table width=100% border=1>
<tr>
<td width=50%>一つ目</td>
<td>二つ目</td>
</tr>
</table>

の様に記述すれば、一つ目と二つ目の列幅が同じになりますよ。
<td>タグの中の50%は、テーブル幅の中のパーセント分かを示します。
やってみてくださいな。
お礼コメント
hidekino

お礼率 60% (3/5)

一昔前には確かにwidthタグはあったんですけどね。
なぜか最近のHTMLタグ辞典を見るとないんですよー。

規格から外れたのでしょうか?
投稿日時 - 2001-01-30 17:12:00


このQ&Aで解決しましたか?
AIエージェント「あい」

こんにちは。AIエージェントの「あい」です。
あなたの悩みに、OKWAVE 3,500万件のQ&Aを分析して最適な回答をご提案します。

関連するQ&A
-PR-
-PR-
こんな書き方もあるよ!この情報は知ってる?あなたの知識を教えて!
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。

その他の関連するQ&A、テーマをキーワードで探す

キーワードでQ&A、テーマを検索する
-PR-
-PR-
-PR-

特集


専門家があなたの悩みに回答!

-PR-

ピックアップ

-PR-
ページ先頭へ