電子書籍の厳選無料作品が豊富！

firefox、IE8で異なるtableの上部空白

解決済

  • 質問者：federan
  • 質問日時：
  • 回答数：1件

以下サンプルをfirefox（20.0.1）、IE８で各々表示した場合に
ＩＥ８では、表の上部に空白行が多くとられてしまいます。
※複数回改行されているような表示。

以下はサンプルとして簡易にしましたが、
本来作成しているコードでは、対策として
<meta http-equiv="X-UA-Compatible" content="IE=emulateIE7" />は記述してます。
変わりませんでしたが。。

IE8の仕様なのでしょうか？
firefox等、他のブラウザに影響が波及しないよう対応したいと考えています、
何かいい方法はありますでしょうか？
よろしくお願いします。

<html>
<head>
<style type="text/css">
@CHARSET "UTF-8";
*{
margin: 0;
padding: 0;
}

table.table{
border-collapse: collapse;
}

table.table td{
border: 2px #808080 solid;
}
</style>
<head>
<body>
<div class="main">
<div class="content">
　 <table class="table">
　　 <tr>
　　 <td>
　　 <select>
<option></option>
</select>
　　 </td>
　　 <td>
　　 <select>
<option></option>
</select>
　 </td>
<td>
<select>
<option></option>
</select>
</td>
</tr>
</table>
</div>
</div>
</body>
</html>

通報する

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

質問の本文を隠す

A 回答 (1件)

No.1ベストアンサー

お調べさせて頂いたところ、インデントの先頭が全角スペースになっておりますので、


そこを修正していただければIEで表示されるという余白は消えるはずです。
    • good
    • 0
    • 件
通報する
この回答へのお礼

反応が遅くなり、申し訳ないです。
おっしゃる通りでした、助かりました。ありがとうございます。

通報する
お礼日時：2013/05/19 13:59

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報