掲示板/HTML質問板/過去ログ/一覧/ インラインフレームと画像との隙間をなくしたい

0 名前： 亜希子 ： 2006/10/16（月） 14:59 ID:VEltb2DB: インラインフレームを使用していて、その横に画像を置きたいんです。
ですが、どうしてもインラインフレームと画像の間に隙間が出来てしまいます。
フレーム中の画像とその横の画像が繋がっているため、隙間があってはおかしくなってしまうのです。

テーブルのタグは以下です。

<TABLE>
<TBODY>
<TR>
<TD>
<TABLE border="0" cellpadding="0" cellspacing="0" height="644" width="600">
<table style="filter:progid:DXImageTransform.Microsoft.glow(color=black,strength=20);">
<tr><td>
<IFRAME src="main.html" name="main.html" border="0px" style="border:none 0pt;border-color:black;" frameborder="0"
width="600" height="643" scrolling="AUTO"></IFRAME>
</TD><TD><IMG src="top-black.jpg" border="0">

</TD>
</TR>
</TBODY>
</TABLE>

何だか分かりにくくて申し訳ございません・・・；

隙間を完璧に消滅させるにはどうすればよいのでしょうか？
何か足りないのでしょうか？
教えていただければ幸いです。

1 名前： K+S ： 2006/10/16（月） 14:59 ID:nROqylMa

<td>インラインフレーム</td><td>画像</td>
という構成になっていることは理解されていると思います。

> インラインフレームと画像の間に隙間が出来てしまいます。
とのことですが、何による隙間か考えられますか？
　セル間の領域
　td要素のpadding
　iframe要素のmargin
　img要素のmargin
このあたりが考えられます。

と言いたいところですが、何を間違えたのか包含関係が不正です。

<TABLE border="0" cellpadding="0" cellspacing="0" height="644" width="600">
<table style="filter:progid:DXImageTransform.Microsoft.glow(color=black,strength=20);">

table要素の直下にtable要素が記述されています。
<table style="filter:progid:DXImageTransform.Microsoft.glow(color=black,strength=20);">
この一行を削除してみてはいかがでしょうか？

2 名前：アヤ： 2006/10/16（月） 14:59 ID:I/L72zbC

tableの直下にtableがきていることはK+S様が指摘していらっしゃるので、それを踏まえれば簡単なのですが。

多分フィルタをお使いになりたいんだと思いますので、

style="filter:progid:DXImageTransform.Microsoft.glow(color=black,strength=20);"

の部分を上にあるtable要素内へお引越しされてみてはどうでしょう。
もちろん残ったtableタグは削除します。
そうすれば、cellpaddingとcellspacingが適用されますので、隙間がなくなります。

あと、ifremeのボーダーはframeborderのみで非表示となりますので、

border="0px" style="border:none 0pt;border-color:black;"

の部分は消してしまって構わないと思うのですが。

一応、IEとFfにて確認しましたが、両方とも隙間はなくなっていました。