CSS、スタイルシート質問スレッド【4】

このエントリーをはてなブックマークに追加
945Name_Not_Found
ここに縦横100ピクセルの正方形の画像があります。
で、これをこんな風に配置します。

<div style="border:red solid 2px">
<img src="image.jpg" alt="イメージ" width="100" height="100" style="margin-top:-50px"><br>
こんな感じで配置。
</div>

すると、NN6.1では div のボーダーをまたぐように画像が表示されま
すが、IE6では画像の上半分が切れてしまいます。
スタイルシートの解釈として正しいのはどちら何でしょうか?
946Name_Not_Found:01/11/06 15:51 ID:Yuw/U4yx
>>944
哀れだなあ、スタイルシートをテーブルレイアウトの代用としか見られないのは。
きっと行間の詰まった読みにくいサイトを作ってるんだろな。
>>945
IE5.5とNN6.2では双方ともdivのborder-topをまたがって画像が表示されましたが?
947Name_Not_Found:01/11/06 16:12 ID:1eDtBfUF
.base{ position:relative; z-index:1; border:1px solid red; width:400px; height:200px;}
.float{ position:absolute; z-index:2; left:20px; top:-40px;
    border:1px solid blue; width:100px; height:80px;}

↑こんなカンジで、

<DIV CLASS="base">
<DIV CLASS="float">文字列</DIV>
</DIV>

↑こうすると、ネスケ6.xではfloatの上半分が切れちゃう。
IE4以降だと問題ない。z-indexでfloatの方が上に来てるから
ネスケで上が切れるのはバグのような気もするんだけど、どうでしょ?
948945:01/11/06 16:21 ID:HWvl0mbo
>946
> IE5.5とNN6.2では双方ともdivのborder-topをまたがって画像が表示されましたが?
ガ━━(゚д゚;)━━ン!
IE6固有の問題?
949Name_Not_Found:01/11/06 16:29 ID:xV8dY3rc
>>947
確かに、NN6.2で上が切れる。
しかし実験してみたら更に妙なことが。組合せは以下四通り。
1. .base=relative/.float=absolute
2. .base=relative/.float=relative
3. .base=absolute/.float=relative
4. .base=absolute/.float=absolute
このうち2〜4ではNN6.2でも問題無し。
しかも妙なのは、2〜4を試したあと記述を1に戻したら、
なぜか上が切れる症状が再現しなくなった。
明らかに変だ。やっぱバグでしょ。
950949:01/11/06 16:35 ID:xV8dY3rc
>>949に追記。
1〜4いづれの場合も、新規に窓を開くとdiv.floatの上が切れて表示される。
同じ窓で再読込(更新)で表示させると、問題は現れない。バグですね。
951947:01/11/06 16:55 ID:1eDtBfUF
>>949-950
ども。自分もちょい試してみたんですが、
>>949の1の状態(=>>947で自分が書いた物)だと
画面をスクロールするたびに消えたり現れたりする事があるみたい。
なんにせよ、不安定なんで他の方法で代用します。ありがとうございました。