いつも勉強させていただいております。今回は質問をさせていただけないでしょうか。
Firefoxの場合だけ、2つの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>
それでは、よろしくお願いします。
A 回答 (3件)
- 最新から表示
- 回答順に表示
No.3
- 回答日時:
きゃ~はずかしい><
ANo2さまのご指摘のとおりです・・・・TT
やるなら、
<td><ul><li></li></ul></td> の順にしたほうが良いかもしれませんね。
はぅ。修行修行・・・
No.2
- 回答日時:
Table要素直下にul要素があるのは文法的に間違っています。
そういう「存在してはいけない」要素が見つかった場合に表の外に追い出
すのは、普通の動作です。質問のようなソースの場合、二つ目の
テーブルはリストの項目として扱われているようですね。Operaも
NetscapeもCaminoもiCabもSafariも、Firefoxと同じ動作をします。
というわけで、リストが表のセルをまたぐことは出来ません。UL要
素をtd要素の中に入れるか、table要素をli要素の子にして下さい。
No.1
- 回答日時:
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
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- JavaScript EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列について 1 2022/05/02 11:21
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- PHP htmlで複数の個数入力欄を表示させるには 1 2022/09/20 03:11
- PHP style.cssのjQuery条件付きcssが機能しない 4 2022/07/17 18:27
- JavaScript 追加ボタンを押した際に ok ボタンを押した場合のみ入力値が追記されるようにしたいです 6 2022/05/29 09:57
- HTML・CSS インラインブロックの中のテキストを上下中央に合わせたい 1 2022/12/24 17:46
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブルの任意の列を非表示に...
-
tableにul,または,olを入れられ...
-
カレンダー内の数字を左上に配...
-
safariで特定条件下でデーブル...
-
テーブル内でdivを使った時に改...
-
ホームページのテーブルの作成...
-
Dreamweaverでタグが反映されな...
-
テーブルのセルに画像をピッタ...
-
スタイルシートで colspan=3と...
-
テーブルの行を折りたたみたい...
-
nth-childをtrとtdに同時に使う...
-
おしゃれなテーブル
-
テーブルの位置
-
tableの中にtableを作りスクロ...
-
【HTMLタグ】テーブルを教えて...
-
44行目: パラメータ '__format'...
-
Firefoxの場合だけ、2つのtabl...
-
TRタグの余白をcssで設定するには
-
セルをまたがるリンク。
-
TABLE(表)を横に並べたいので...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルの行を折りたたみたい...
-
tableにul,または,olを入れられ...
-
テーブルの任意の列を非表示に...
-
TRタグの余白をcssで設定するには
-
テーブルのヘッダとボディの幅...
-
cssで、表示されるテキストによ...
-
テーブルのセルに画像をピッタ...
-
文字列が入っているtdを削除せ...
-
逆L字の表(table)組み
-
テーブルの表示がずれます
-
HTML <td></td>タグ セル内余...
-
HTMLのテーブルで桁をそろ...
-
中に<table></table>が使えるア...
-
スタイルシートで colspan=3と...
-
htmlのtable内に画像
-
ホームページ 表の上の余白を...
-
テーブルタグのセルの幅の一部...
-
テーブルの行の高さを指定する...
-
EXCELからhtmlへの変換で罫線が...
-
CSSだけで<table>の<td>や<tr>...
おすすめ情報