TABLEの高さを固定したいのですが…

質問

現在TABLEタグを利用してHPのレイアウトを作成しているのですが
高さが固定できずに困っています。

ソースですが
<table border="0" cellpadding="0" cellspacing="0" width="600" height="800">
<tr>
<td width="300" height="600" background="img/back1.jpg" align="left" valign="top">
<p>【１】</p>
</td>
<td rowspan="2" align="left" valign="top" width="300">
<p>【２】</p>
</td>
</tr>
<tr width="300">
<td background="img/back2.jpg">【３】<img src="img/back2.jpg"></td>
</tr>
</table>

これで
┌───────────────┐
│　　　　　│　　　　　　　　　│
│　　　　　│　　　　　　　　　│
│　　　　　│　　　　　　　　　│
│　【１】　│　　　　　　　　　│
│　　　　　│　　　　　　　　　│
├─────┤　　　　　　　　　│
│　　　　　│　　　【２】　　　│
│　　　　　│　　　　　　　　　│
│　【３】　│　　　　　　　　　│
│　　　　　│　　　　　　　　　│
│　　　　　│　　　　　　　　　│
│　　　　　│　　　　　　　　　│
└─────┴─────────┘

という形を作成したいと考えています。

この時【１】は高さ600pxの固定サイズで、【２】に画像や文章が追加され縦に伸びるたびに【３】に設定してある背景画像（background="img/back2.jpg"）がループしながら縦に伸びていくようにしたいと考えています。

ところがIE8以降で確認すると、【１】が固定されずに【２】に合わせてどんどん伸びてしまいます。
逆に【３】が固定されているようです。

別にテーブルを使用しなくても【１】だけが固定されて【２】と【３】が内容によって同時に動き、かつ【３】の背景が伸びていけば構わないので「別のやり方があるよ」というアドバイスだけでも頂ければと思い質問させていただきました。

よろしくお願いします。

回答No.9

mikemike7

今回の質問内容はあくまでも、テーブルの高さを固定させる手段、または同じようなレイアウト構成について質問されているわけですよね？
ORUKA1951さんが今回提示した内容でそれは解決するのでしょうか？
問題解決させようという気があるなら、今回質問者さんが提示されたソースをもとに、同じような枠組みで表示させる手段を提示し、説明するのが普通な流れではないのでしょうか。
これでは、テーブルの高さを固定させるアドバイスというよりもHTML全体に対する講義のように感じます。

ORUKA1951さんは、テーブルを使った手段に対し、こういっています。
>いまどき、そのような作り方をする人がいらっしゃるとは驚愕です。
これまでにも他の質問スレッドで表以外のテーブルタグを使った質問には必ずといって良いほど何度も指摘されています。
指摘はしても、解決の為のソース提示はあまり見たことがない気がしますが...。

まあ、各個人の考え方が違うわけで、表以外ではテーブルタグは使わないことが正しいことなのでしょうが、”今の時代”でもTABLEタグを使っているサイトはいくらでもあります。

それは初心者が作ったページだけでなく、Yahoo!や楽天、価格.com、OKWave、教えて！gooなどの大手サイトでもレイアウト・デザインの為にテーブルタグは未だに使われています。

段落タグやリストタグを使うよりテーブルタグでレイアウトしたほうが格段に楽なことは事実だし、特に初心者にとって、テーブルタグを使わないで構築することは困難な場合が多いでしょう。
# 私は基本的にテーブルタグは使わないですよ

結局WEBサイトを構築する上で、良いモノを提供しようと思えばキリがない。
完璧を目指して作り上げることも、見栄え重視で作り上げることも結局自己満足の問題ではないでしょうか。

いつの時代でもアンチは必ずいます。
JavaScriptはOFFにしてたら動かないことがあるから使うな。
リンクターゲットを新規ウィンドウで開くのはおかしい。
など、挙げてたらキリがない。

閲覧者に考慮する気持ちはとても大事だろうし、全ての方に合わせた作りをすることは素晴らしいことでしょう。
でもそれは各作成者の自由であって、根本的に否定するのはどうかと思いながらいつも拝見しています。

質問する前に根本的にHTMLを見直せ。
ということは、質問する前にググレよ。
と指摘することとどう違うのでしょう？

指摘することで正しいHTMLを勉強しようとする方もいるでしょうが、今回のように主旨から大きく離れたり、問題が解決しないことも多々ではないですか？
問題があって質問しているわけで、それを解決させる手段（ソース）を提示するか、”問題に対する改善案”を提示してあげるのが”回答”であると私は思います。

話が少し反れましたが、人それぞれ求めるモノが違うわけで、閲覧者のほとんどはHTMLソースなんて見ません。
閲覧者の中には正常に見えない方もいるかもしれませんが、それは作成者側の取り組み方の問題であって、作成者がやりたいことを実装できればそれで良いのではないかと思います。

まずは出来ることから改善していくことが大事だと思いますし、改善しようとする気持ちこそが今後のスキルアップに繋がると思います。
HTMLやCSSなどの完璧を目指すことも大事でしょうが、もっと大事なことはWEBサイトの内容であって、いきなり完璧を目指して多くの時間を費やすよりは、その時間を使ってコンテンツを充実させたほうが良いと思います。
HTML的に完璧だけど、中身がスカスカのWEBサイトを見て素晴らしいとは思えないわけですし。

何せよ、とりあえず今回の問題は、
No2、もしくはNo4のソースでうまくいくと思いますよ。

長文失礼しました。

お礼

丁寧にありがとうございます。
教えていただいたテーブルの件ですが、自分が画像の指定を間違っていたようで
再度確認したところ問題なく動きました。

スタイルシートの方も参考にさせていただきます。
本当にありがとうございました＾＾