現在

質問

現在
<table>
<tr>
<td>
<input type="button" value="1" onclick=""/>
<input type="button" value="2" onclick=""/>
<input type="button" value="3" onclick=""/>
</td>
</tr>
</table>

といった単純なテーブルを作成しています。
上記のボタン１，２，３とそれぞれの間に空白を開けたいと思っているのですが、
<input type="button" value="1" onclick=""/>
　　　<span style="width:50px">&nbsp;</span>
<input type="button" value="2" onclick=""/>
<span style="width:50px">&nbsp;</span>
<input type="button" value="3" onclick=""/>
と作成するとIE６ではボタン間に隙間が開くことを確認したのですがIE８では
spanタグが無視されてしまい、ボタン間が詰まった表示のままになってしまいます。

IE８ではspanタグで隙間を作ることは難しいのでしょうか？
また他に手法がありましたら、紹介していただけると幸いです。

よろしくお願いします。

回答No.1

noname#116331 · ベストアンサー

<table>
<tr>
<td>
<input type="button" value="1" onclick="" style="margin-right:50px"/>
<input type="button" value="2" onclick="" style="margin-right:50px"/>
<input type="button" value="3" onclick=""/>
</td>
</tr>
</table>

お礼

遅くなりました。申し訳ありません。

ありがとうございました。

回答No.2

kuzumiHK

IE8だけ標準モードになっているからかもしれませんね。
ただ、IE8だけ標準モードになるケースは、
下記のようなメタタグが入っているとか限られたケースですが。

<meta http-equiv="X-UA-Compatible" content="IE=8">