HTMLのレイアウト

質問

HTMLのテーブルである列だけ伸縮を自由にしたいです。
ほかの列は画面を延ばしても固定で動かない状態です。

イメージ的には以下のように２番目の列だけ幅を動かしたいのです。
<table>
<tr>
<td height="100%" width="200">aaa
</td>
<td height="100%" width="100%">bbb
</td>
<td height="100%" width="100">ccc
</td>
</tr>
</table>

何か方法はないでしょうか。

回答No.1

noname#39970 · ベストアンサー

こうは？

<table width="100%">
<tr><td width="200px">aaa</td></tr>
<tr><td>bbb</td></tr>
<tr><td width="100px">ccc</td></tr>
</table>

お礼

この方法でできました！ありがとうございます！

回答No.2

noname#35109

古典的技術ですが，
スペーサーである 1×1px の透明GIF を使われてはいかがでしょうか？

Google 検索「」
http://www.google.co.jp/search?hl=ja&q=spacer.gif&lr=lang_ja

それを使うと
こんな感じになると思います↓。

<table border="1" width="100%">
<tr>
<td height="100%" width="200">aaa
<p><img src="spacer.gif" width="200" height="1"></p>
</td>
<td height="100%" width="100%">bbb
</td>
<td height="100%" width="100">ccc
<p><img src="spacer.gif" width="100" height="1"></p>
</td>
</tr>
</table>

（わかりやすいように，　勝手に border="1" にしています。）

お礼

どうもありがとうございます。
下の方の方法以外にこんな方法もあるのですね。