テーブル内いっぱいに

質問

comment:
と
txt box
を配置したいのですが
txt box
が右側に小さく表示されます
どうしたらいいでしょうか?

<table width="100%" border="1" cellspacing="0" cellpadding="0">
<tr><td>

<table width="100%" cellspacing="0" cellpadding="0">
<tr><td>comment:</td><td><input type="text" style="width:100%"/></td></tr>
</table>

</td></tr>
</table>

回答No.2

frisk_blue_love · ベストアンサー

>commentが丁度字幅になるようにすることはできないのでしょうか?

閲覧者側のブラウザの設定がありますからね～
文字のサイズを最大で閲覧している人と最小で見ている人ではかなり差がでますし。

スタイルシートで文字のフォントサイズを固定して、文字表示に必要なピクセル数を調べてwidth="ピクセル数"と設定するか、「comment」と書かれた幅60ピクセルぐらいの画像を作成して一列目のセル内に表示させるとか、
あるいは反則ワザですけど
<tr><td width="1">comment:</td><td><input type="text" style="width:100%"/></td></tr>
だとIEなら多分ご希望通りの表示になります。

参考になりますかね？

お礼

ありがとうございます
オードドックスには難しいのですね

補足

width=1
でやってみましたが
実はcommentはコメントだったので
コメントが一時ずつ折り返されてしまいました
もう一歩でしたが難しいものですね

回答No.3

yambejp

単純に
<nobr>コメント：</nobr>という逃げもあります

お礼

ありがとうございます
width="1"
<nobr></nobr>
の組み合わせで完全に解決しました

回答No.1

frisk_blue_love

質問者さんの書き方だと１行２列の表内の１列目に「comment:」という文字列、２列目にテキストボックスを２列目の幅いっぱいに表示する事になりますが、それで合ってます？

ブラウザは列の幅はそこに入っているものの大きさや長さによって自動的に決まってしまいますから、テキストボックスを広々としたいのであればブラウザにもよりますが、
<tr><td width="5%">comment:</td><td><input type="text" style="width:100%"/></td></tr>
なんてどうでしょうか？

お礼

ありがとうございます
それであってます
commentは丁度文字列幅で
テキストボックスを極力大きくしたいのです
commentが丁度字幅になるようにすることはできないのでしょうか?
％だとトリミング作業になってしまいます