※ ChatGPTを利用し、要約された質問です(原文:firefox、IE8で異なるtableの上部空白)
firefox、IE8で異なるtableの上部空白
このQ&Aのポイント
firefoxやIE8で表示すると、表の上部に多くの空白行が表示されます。IE8の仕様なのか、他のブラウザには影響しないようにしたいです。
サンプルコードでは<meta http-equiv="X-UA-Compatible" content="IE=emulateIE7" />を使用しましたが、空白行の問題は解決しませんでした。
どのように対応すれば、firefoxや他のブラウザに影響を与えずに空白行の問題を解決できるでしょうか?
firefox、IE8で異なるtableの上部空白
以下サンプルをfirefox(20.0.1)、IE8で各々表示した場合に
IE8では、表の上部に空白行が多くとられてしまいます。
※複数回改行されているような表示。
以下はサンプルとして簡易にしましたが、
本来作成しているコードでは、対策として
<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>
お礼
反応が遅くなり、申し訳ないです。 おっしゃる通りでした、助かりました。ありがとうございます。