テーブルレイアウトで困っています。全体の幅は100％左のセル幅150 右のセル幅指定なしこれだと問題なく表示されるのですが、全体の幅は100％少し長い文章を入れる左のセル幅150 右のセル幅指定なしこのように１列目のセルに長い文章を入れると、２列目の左のセルの幅が勝手に広がってしまいます。何が原因で、対処法はないでしょうか？ Netscape7.1ではこうならないんですが、IE6では勝手に崩れてしまいます。よろしくお願いします。

最近はこうするそうです。私も今回はじめてしりました全体の幅は100％少し長い文章を入れる左のセル幅150 右のセル幅指定なし

spacer.gifを使って左のセルを150pxに固定する方法はいかがでしょうか。全体の幅は100％少し長い文章を入れる右のセル幅指定なし

テーブルレイアウト

解決済

質問者：rutica
質問日時：2005/09/22 15:46
回答数：3件

テーブルレイアウトで困っています。

<table width="100%" height="100%" border="1">
<tr>
<td colspan="2" valign="top" height="100">全体の幅は100％</td>
</tr>
<tr>
<td width="150" valign="top">左のセル<br>幅150</td>
<td valign="top">右のセル<br>幅指定なし</td>
</tr>
</table>

これだと問題なく表示されるのですが、

<table width="100%" height="100%" border="1">
<tr>
<td colspan="2" valign="top" height="100">全体の幅は100％　少し長い文章を入れる</td>
</tr>
<tr>
<td width="150" valign="top">左のセル<br>幅150</td>
<td valign="top">右のセル<br>幅指定なし</td>
</tr>
</table>

このように１列目のセルに長い文章を入れると、２列目の左のセルの幅が勝手に広がってしまいます。
何が原因で、対処法はないでしょうか？

Netscape7.1ではこうならないんですが、IE6では勝手に崩れてしまいます。

よろしくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： yambejp
回答日時：2005/09/22 17:47

最近はこうするそうです。

私も今回はじめてしりました

<table height="100%" width="100%" border="1">
<COLGROUP width="150">
<COLGROUP width="*">
<tr>
<td colspan="2" valign="top" height="100">全体の幅は100％　少し長い文章を入れる</td>
</tr>
<tr id="x" >
<td valign="top" >左のセル<br>幅150</td>
<td valign="top">右のセル<br>幅指定なし</td>
</tr>
</table>

- 0
- 件

通報する

この回答へのお礼

<colgroup>ですか、なるほど！
考えてもみませんでした。
スッキリ解消です。
ありがとうございました。

通報する

お礼日時：2005/09/23 23:28

No.3

回答者： noname#15756
回答日時：2005/09/23 13:21

spacer.gifを使って左のセルを150pxに固定する方法はいかがでしょうか。

<table width="100%" height="100%" border="1">
<tr>
<td colspan="2" valign="top" height="100">全体の幅は100％　少し長い文章を入れる</td>
</tr>
<tr>
<td width="1%" valign="top"><img src="spacer.gif" width="150" height="1"></td>
<td valign="top" width="99%">右のセル<br>
幅指定なし</td>
</tr>
</table>

- 0
- 件

通報する

この回答へのお礼

一応幅150pxの画像を入れる方法はやってみましたが、ダメでした。
いただいた回答はこれから役立てたいと思います。
ありがとうございます。

通報する

お礼日時：2005/09/23 23:30

No.1

回答者： gold-tare
回答日時：2005/09/22 16:57

IEの処理命令ですと、

「ブラウザのサイズに合わせて100%」→この条件がかなわなかった場合に
「文字長にあわせて100%」と気を利かせた条件変更をしてくれるとお考えいただければ。

・widthをピクセル指定で固定してしまう。
・100%にしても、余白ができますね？
ここでマージンを埋めてしまい、その分テーブルのサイズに余裕を持たせる方法もございます。
BODYタグを
<body leftmargin="0" topmargin="0">
以上のように設定していただければOKです。

的をついた答えができませんでしたが、参考のほど<(_ _)>