- 締切済み
Firefoxの場合だけ、２つのtableの間に空行が入ってしまいます(HTMLソース付き)。
いつも勉強させていただいております。今回は質問をさせていただけないでしょうか。 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）
- 専門家の回答
みんなの回答
- bibi8916
- ベストアンサー率40% (24/59)
きゃ～はずかしい＞＜ ANo2さまのご指摘のとおりです・・・・TT やるなら、 <td><ul><li></li></ul></td> の順にしたほうが良いかもしれませんね。 はぅ。修行修行・・・
- grumpy_the_dwarf
- ベストアンサー率48% (1628/3337)
Table要素直下にul要素があるのは文法的に間違っています。そうい う「存在してはいけない」要素が見つかった場合に表の外に追い出 すのは、普通の動作です。質問のようなソースの場合、二つ目の テーブルはリストの項目として扱われているようですね。Operaも NetscapeもCaminoもiCabもSafariも、Firefoxと同じ動作をします。 というわけで、リストが表のセルをまたぐことは出来ません。UL要 素をtd要素の中に入れるか、table要素をli要素の子にして下さい。
- bibi8916
- ベストアンサー率40% (24/59)
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>で閉じましょう。
