Windows IE5.5で見ると…

<div class="hoge">

<div class="contents">

<p>内容</p>

</div><!-- contents -->

</div><!-- hoge -->

これは何だ? →

<div class="hoge2">

<div class="contents">

<p>内容</p>

</div><!-- contents -->

</div><!-- hoge2 -->

<div class="hoge">にborderを設定した<div class="hoge2">にすると消えるが…。これでは意味がない。

今度は出ない →

<div class="hoge">

<div class="contents">

<p>内容</p>

</div>なんとここの<!-- contents -->が問題だったという。ここのコメントを削除するとオッケー。他の文字にしてもコメントがあると結果は同じ。

</div>こっちの<!-- hoge -->は関係ない

というのは、ありみか師匠に教えてもらいました。感謝。

今度は出ない →

WinIE5.5以外で閲覧してる場合、なんのことだかさっぱりだ。

ところでWinIE5で見ると

<div class="hoge">

<div class="contents">

<p>内容</p>

</div><!-- contents -->

</div><!-- hoge -->

WinIE5やMacIE5、Netscape6では背景画像のイタズラはない。しかし、WinIE5では↓に隙間が空いていたはず。

↑ここに隙間が空いてたね。今度はmargin-topを-25pxに指定したので空いてない。しかし、marginは0のはずなのに、なんで25pxも空いてしまうのだろう。いつも25pxなのかなあ?

あ〜、WinIE5以外で閲覧してる場合には、ただ単に食い込んでいるだけだ。