Firefoxの場合だけ、２つのtableの間に空行が入ってしまいます(HTMLソース付き)。

締切済

質問者：yuka_102
質問日時：2008/02/28 13:28
回答数：3件

いつも勉強させていただいております。今回は質問をさせていただけないでしょうか。

Firefoxの場合だけ、２つのtableの間に空行が入ってしまいます。
下記がそのソースです。
IEでは問題がありません。
本番ソースの二行目には、項目を追加するので、<ul>、<li>は必要になります。
<ul>、<li>を消せば、空行が入らない事は確認できています。
<ul>、<li>を入れても空行を消す方法はないでしょうか？

<html>
<body>

<table width="440" border="0" cellspacing="0" cellpadding="0" vspace="0" hspace="0">
<tr>
<td bgcolor="#2875DE">一行目です。</td>
</td>
</table>

<table width="440" border="0" cellspacing="0" cellpadding="0" vspace="0" hspace="0">
<ul><tr>
<td bgcolor="#2875DE"><li>Firefoxの場合だけ、↑ここに空行が入ります。</li></td>
</td></ul>
</table>

</body>
</html>

それでは、よろしくお願いします。

通報する

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

質問の本文を隠す

回答 (3件)

最新から表示
回答順に表示

No.3

回答者： bibi8916
回答日時：2008/02/28 14:41

きゃ～はずかしい＞＜

ANo2さまのご指摘のとおりです・・・・TT
やるなら、
<td><ul><li></li></ul></td> の順にしたほうが良いかもしれませんね。

はぅ。修行修行・・・

- 0
- 件

通報する

No.2

回答者： grumpy_the_dwarf
回答日時：2008/02/28 14:09

Table要素直下にul要素があるのは文法的に間違っています。

そうい
う「存在してはいけない」要素が見つかった場合に表の外に追い出
すのは、普通の動作です。質問のようなソースの場合、二つ目の
テーブルはリストの項目として扱われているようですね。Operaも
NetscapeもCaminoもiCabもSafariも、Firefoxと同じ動作をします。

というわけで、リストが表のセルをまたぐことは出来ません。UL要
素をtd要素の中に入れるか、table要素をli要素の子にして下さい。

- 0
- 件

通報する

No.1

回答者： bibi8916
回答日時：2008/02/28 13:54

FireFoxとIEでは、margin、paddingに対する初期値が違うので、

<ul>タグを使う時は、margin、paddingをできるだけ設定すると良いと思います。
下記、参考URL
http://www.seiai.ed.jp/t2000/htm3/h08b01.html

ちなみに、サンプルソースですが
<tr>
<td bgcolor="#2875DE">一行目です。</td>
</td>
<tr>タグは</tr>で閉じましょう。

参考URL：http://www.seiai.ed.jp/t2000/htm3/h08b01.html