上下の間隔を10px分空けたい

質問

以下のHTMLで、Mozilla, Safariでは、上下10px分離れた間隔で画像が表示されますが、IE6,IE7では<br>したのと同等の距離になります。
IEでも上下10px分の間隔で表示させるには、どのようにすればよいのでしょうか？
私が<div>の意味が良く分かっていない為でしょうか？

<div><img src="a.gif" alt=""></dirv>
<div><img src="spacer.gif" alt="" width="1" height="10"></dirv>
<div><img src="b.gif" alt=""></dirv>

回答No.1

goldfox · ベストアンサー

うっかりでしょうけど</dirv>ではなく</div>ね。

スタイルシートで調整しましょう。

div { margin-top:0; margin-bottom:10px; }

回答No.2

noname#77303

こんにちは。

すでに良い回答が出ているのですが、間隔をあけたい場合はＣＳＳを使うのがよいでしょう。
　<style type="text/css">
　<!--
　div {margin-top:10px;
　 margin-bottom:10px;}
　//-->
　</style>

bodyタグのすぐ下に、このように記述すると、divタグ全ての上下に10pxの間隔が出来ます。
こうすると、間隔を変更したい時にも簡単に変更出来ます。

でも、画像を表示したいだけなら
　<img src="a.gif" alt="">
　<img src="b.gif" alt="">
として、bodyタグのすぐ下に
　<style type="text/css">
　<!--
　img {margin-top:10px;
　 margin-bottom:10px;}
　//-->
　</style>
と記述した方が、コンパクトでいいと思います。