<br />が３つ続くと<img>が表示されない・・・ＩＥのみ

質問

ＸＨＴＭＬ初心者です。
初めてＸＨＴＭＬでサイトを作っています。

問題(1)
<br /><br /><br /><img class="style_a" 略 />

行をあけるため<br />を連続３つ使うと、その直後の<img>が表示されません。

したがって、思うような位置に画像を入れられないのですが、どうしたらよいでしょうか？

ＩＥだけがそうで、ＦＩＲＥＦＯＸ、ＯＰＥＲＡでは問題なく表示されます。
ちなみに<img>のclass="style_a"を外すとＩＥでも表示されます。

問題(2)
また、一行空けたいときに<br /><br />と入れると何も変わらず、<br /><br /><br />と３つ続けると一行空きます。
これもＩＥのみの現象です。

私のＩＥの設定がおかしいのでしょうか？

教えてください。お願いします。

回答No.4

goldfox · ベストアンサー

＞一行空けたいときに<br /><br />と入れると何も変わらず、<br /><br /><br />と３つ続けると一行空きます。

ということから、おそらくbodyあたりに
letter-spacing を使用していると思われます。
このプロパティはIEでバグが起こりますので、
br{letter-spacing: normal;}
を付け足せば問題は解消されるかと思われます。

なお、letter-spacingにはMacでもバグがあるそうです。
http://cssbug.at.infoseek.co.jp/detail/macie/b014.html
http://cssbug.at.infoseek.co.jp/detail/winie/b022.html

参考URL：

http://cssbug.at.infoseek.co.jp/detail/winie/b022.html

お礼

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

ちなみに
前に全角スペースを入れてから<br />しても問題ないようでした。

回答No.3

bavarois

.style_a{
float: right;
margin: 0px 5px 0px 5px;
}
float:rightで画面外へ移動してしまったとか、このimgタグの入っているtableやdivに指定されているheightを越えてしまったんじゃないでしょうか。

この際、<br />を使うのはやめてmargin: 20px 5px 0px 5px;などにしてみてはいかがでしょう？

お礼

ありがとうございました

回答No.2

PrintScree

確認用に以下のHTMLとIE6.0SP1で試してみました。

1<br />2<br />3<br />4<img src="サンプル.jpg"><br>

問題なく表示されるので、<img>タグで指定しているclassに問題があるのではないでしょうか？

お礼

わざわざ試していただいてありがとうございます。

補足

なるほど。そういう可能性もあるわけですね。
勉強になります。
使っているスタイルは以下の通りです。
.style_a{
float: right;
margin: 0px 5px 0px 5px;
}

回答No.1

PrintScree

私の記憶では、<BR>ですが、<br />を<br>に変えるとどうなりますか？

お礼

ありがとうございます。朝からすいません。

補足

さっそくありがとうございます。
<BR>でもダメでした。
<BR>を１つ削って２つにしたら表示されました。

ただ、こうなると問題(2)との絡みで１行空けられなくなってしまいます。（IEのみ）