IE セル間に隙間が・・・

解決済

質問者：baltes
質問日時：2004/10/28 17:57
回答数：4件

HTML初心者です。
テーブルでHPをレイアウトしたいのですが、--1と--3のセル間に微妙な隙間ができてしまいます。NNでは問題なく表示されます。通常どの様なことが原因するのでしょうか？よろしくお願いいたします。
<td width="396" height="234"valign="top"><table width="100%" height="234" border="0" cellpadding="0" cellspacing="0">

<tr>
<td width="180" rowspan="2" valign="bottom" >1
<img src="../image/***" width="180" height="180" align="bottom"></td>
------1
<td width="216" height="98" valign="bottom">***</td>
</tr>
<tr>
<td height="136" valign="bottom" ><img src="../image/*** width="91" height="61" border="1"><br>></td>
</tr>
</table></td>
<td width="10" rowspan="3" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="262"></td>　　　　　　　　------３
<td valign="top" >*** <br> </td>

通報する

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

質問の本文を隠す

回答 (4件)

No.4ベストアンサー

回答者： kuro_chan
回答日時：2004/10/29 20:16

ばるてすさん、こんばんは。

ソースが中途半端なのであくのだと思います。

tdやtableにwidthで数値を入れても、理論上はその数値ぴったりになるはずですが、実は、それだけでは、その数値どおりの幅になりません。文字の多さなどでテーブル幅がひっぱられて、のびてしまう現象が多々起こります。
きっちり横幅を固めたいときは、テーブル１行目を空白スペースでかためないと、多くの場合、くずれます。

似たような事例で、以前答えたので、そのアドレスを記載しますね。
http://oshiete1.goo.ne.jp/kotaeru.php3?q=1021781
※このスレを読んでいただいたら、ある程度知識があれば、修整できるはずです。わからない場合は、もう少し勉強してからがんばってください。

●上記の理由から、多分、最大の理由は、
このソース、右のｔｄは396px、左のｔｄは10pxと指定してありますが、それを固定させるようなものがないからですしょう。右のｔｄは396pxの中にテーブル入っていますが、それだけでは、数値が固定されず、***の部分（たぶん文字だと思うのですが）、これにひっぱられているのです。

下から５行目あたりの　td width="10"　も、指定してあるにもかかわらず、そのｔｄの中に、テーブル内の文字が入っているので、ひっぱられているのだと思います。

●また、ソースの間違いを訂正してください。
ソース中ほどの
<td height="136" valign="bottom" ><img src="../image/*** width="91" height="61" border="1"><br>></td>
ｂｒの後の閉じカッコが２つあります。削除してください。
　→ごみがあると、くずれるときがあります。

●ソース1行目の
<td width="396" height="234"valign="top">このtdの前にある親のテーブルのcellpaddingと cellspacingは、0を指定してますか？→してない場合、空き（のようにみえる）が発生します。

以上です。がんばってください。

参考URL：http://oshiete1.goo.ne.jp/kotaeru.php3?q=1021781