【HTML/CSS】TDのwidthを自動調整したいと思います。


(イメージ)

<TABLE>
<TR>
<TD>hoge1</TD><TD>hoge2</TD>
</TR>
</TABLE>

上記のように、TRタグは1列のみ、TDタグはTRの中に2つしかありません。
hoge1は見出し。hoge2は本文です。
hoge1の文字数がバラバラなのですが、文字折り返しナシ(というか厳禁です)で、できるだけ幅ぴったりに押さえるようにしたいのです。
通常なら、スタイルシートでwidth指定すればいいのでしょうが、ソース数が多く、そこまで対応するのが実質的に不可能です(CMSではないのですが、同じようなものと想定ください)。

マルチブラウザ対応でいい方法がありましたら、教えてください。

回答の条件
  • 1人2回まで
  • 登録:2008/07/01 18:13:11
  • 終了:2008/07/08 18:15:02

回答(3件)

id:Nori327 No.1

Nori327回答回数65ベストアンサー獲得回数32008/07/01 18:26:57

ポイント27pt

折り返し無しだけなら、こちらが簡単です。

テーブルのタイトル項目を折り返したくない

http://k-aikawa.com/blog/2005/12/post_14.html

<td style="white-space: nowrap">
id:u-chan

ありがとうございます。

"見出しセル"の幅をマルチブラウザ対応で(できるだけ)ピッタリに収める方法もご教授いただけると助かります。

2008/07/01 18:48:18
id:wen000 No.2

wen000回答回数134ベストアンサー獲得回数82008/07/02 02:42:56

ポイント27pt

</td><td>を一括置換で</td><td class="td2">として、

.td2{width="***px"}

と指定するのはナシでしょうか?

もしくは<table><tr><td>を一括置換で<table><tr><td width="***">とか。

的外れでしたらすいません。

id:u-chan

ありがとうございます。

  • ソース数が多く、そこまで対応するのが実質的に不可能-

なので、お答えの方法ではムリです。

2008/07/02 11:46:24
id:sabuibo No.3

sabuibo回答回数266ベストアンサー獲得回数202008/07/02 12:58:10

ポイント26pt

文字折り返しなしにしたいのであれば タグに nowrap属性を使えば折り返しを禁止できます。

widthを指定しなければ文字列の大きさに揃えられたと記憶しています。


スタイルシートやhtmlの修正が、ソース数の多さによって不可であるなら、一括変換ツールを使用してはどうでしょうか?

http://www.forest.impress.co.jp/article/2007/06/25/texchange.htm...

id:u-chan

>widthを指定しなければ文字列の大きさに揃えられたと記憶しています。

そう考えたのですが、hoge2のバイト数やブラウザによって、対応がまちまちな気がしてるんですよね...。

取りあえずやってみようかとは思いますが...。

2008/07/02 15:25:45

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません