人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

次のようなHTMLを書きました。

==以下HTML==
<h2>見出2の文章</h2>
<table>
<tr>
<td>
<h3>見出し3の文章</h3>
(以下省略)
==以上HTML==

これをIEで表示させると、<h2>と<table>の間に、どうしても謎の1行(空行)が表示されてしまいます。tableによる空白やCSSによるマージン等ではありません。純然たる「行」です。

==以下IEでの表示==
見出し2の文章

見出し3の文章
==以上IEでの表示==

なぜでしょうか。

●質問者: crashtruck
●カテゴリ:インターネット ウェブ制作
✍キーワード:CSS HTML IE マージン 見出し
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● memo77
●35ポイント

表示では空行があるように見えますが、メモ帳にコピペすると行はないのがわかります。

デフォルトのmarginですね。

◎質問者からの返答

marginは、CSSにて、<h2>にもにも"0"と指定してあるのですが…


2 ● Marine-Blue
●34ポイント

DOCTYPEやHTMLのバージョンなども弄った上で検証してみたけど再現しないですねぇ・・・。

原因は他の部分にあるかもしれません。宜しければもう少し問題のあるソースを見せて欲しい。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;Charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<title></title>
<style type="text/css">
<!--
h2 { margin:0px; }
table { border:1px outset; }
td { border:1px inset; }
-->
</style>
</head>
<body>
<h2>見出2の文章</h2>
<table frame="border">
<tr>
<td>
<h3>見出し3の文章</h3>
<p>
ほんぶん
</p>
</td>
</tr>
</table>
</body>
</html>

3 ● b-wind
●11ポイント ベストアンサー

正確なソースがないと分からないのですが、

table の中身に全角スペースとか混入していないですか?

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ