人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

(イメージ)

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

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

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


●質問者: u-chan
●カテゴリ:コンピュータ インターネット
✍キーワード:CMS CSS HTML イメージ スタイルシート
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● Nori327
●27ポイント

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

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

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

<td style="white-space: nowrap">
◎質問者からの返答

ありがとうございます。

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


2 ● wen000
●27ポイント

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

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

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

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

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

◎質問者からの返答

ありがとうございます。

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


3 ● sabuibo
●26ポイント

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

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


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

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

◎質問者からの返答

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

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

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

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ