- ベストアンサー
IE セル間に隙間が・・・
- HTML初心者の方がテーブルでHPのレイアウトを行っている際に、--1と--3のセル間に微妙な隙間ができる問題が発生しています。
- 通常では問題なく表示されるNNでは隙間が発生しないため、原因を特定できません。
- 原因を解析し、隙間の解消方法を教えていただきたいです。
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
ばるてすさん、こんばんは。 ソースが中途半端なのであくのだと思います。 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を指定してますか？→してない場合、空き（のようにみえる）が発生します。 以上です。がんばってください。
その他の回答 (3)
- himacchi
- ベストアンサー率37% (3/8)
詳しく確かめてないのですが、 親要素のテーブルタグのところで、 パディング属性をゼロに設定しても効果は変わりませんか？
- caitsith_goo
- ベストアンサー率59% (28/47)
IEなどではソースに改行が入ってるときにも隙間ができてしまうときがあります。 後でソースが見難くなって嫌なのですが、状況によっては改行を消すとうまくいく場合もあります。
お礼
caitsith_gooさま ソースの隙間ですか。 もう一度ソース確認してみます。 ありがとうございました。
- matrix4
- ベストアンサー率16% (118/704)
-------1と -------3の間なら -------3を左寄せにすればいいかと 違うかな・・
お礼
matrix4さま ありがとうございます。 3の上に１があります。 一応align left とかbottomなどやってみたのですが だめでした。
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_4_thumbnail_img_sm.png)
お礼
kuro_chanさま 遅くなりましたがありがとうございました。 再度ご指摘の点に注意して作り直したところ 取り合えず現時点では崩れることなく表示されます。 過去レスも参考になりました。 またよろしくお願いいたします。