5ちゃんねる ★スマホ版★ ■掲示板に戻る■ 全部 1- 最新50  

■ このスレッドは過去ログ倉庫に格納されています

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

1 :Name_Not_Found:2001/08/03(金) 17:44
【過去ログ】
 http://mentai.2ch.net/hp/kako/974/974934062.html
 http://natto.2ch.net/hp/kako/984/984113434.html
 http://natto.2ch.net/test/read.cgi?bbs=hp&key=992992981

【CSSと特に関係ない初心者質問はこっちで】
・☆ Webサイト 初心者用スレッドver9 ☆
 http://natto.2ch.net/test/read.cgi?bbs=hp&key=995867650

945 :Name_Not_Found:01/11/06 15:07 ID:HWvl0mbo
ここに縦横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では画像の上半分が切れてしまいます。
スタイルシートの解釈として正しいのはどちら何でしょうか?

946 :Name_Not_Found:01/11/06 15:51 ID:Yuw/U4yx
>>944
哀れだなあ、スタイルシートをテーブルレイアウトの代用としか見られないのは。
きっと行間の詰まった読みにくいサイトを作ってるんだろな。
>>945
IE5.5とNN6.2では双方ともdivのborder-topをまたがって画像が表示されましたが?

947 :Name_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の方が上に来てるから
ネスケで上が切れるのはバグのような気もするんだけど、どうでしょ?

948 :945:01/11/06 16:21 ID:HWvl0mbo
>946
> IE5.5とNN6.2では双方ともdivのborder-topをまたがって画像が表示されましたが?
ガ━━(゚д゚;)━━ン!
IE6固有の問題?

949 :Name_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に戻したら、
なぜか上が切れる症状が再現しなくなった。
明らかに変だ。やっぱバグでしょ。

950 :949:01/11/06 16:35 ID:xV8dY3rc
>>949に追記。
1〜4いづれの場合も、新規に窓を開くとdiv.floatの上が切れて表示される。
同じ窓で再読込(更新)で表示させると、問題は現れない。バグですね。

951 :947:01/11/06 16:55 ID:1eDtBfUF
>>949-950
ども。自分もちょい試してみたんですが、
>>949の1の状態(=>>947で自分が書いた物)だと
画面をスクロールするたびに消えたり現れたりする事があるみたい。
なんにせよ、不安定なんで他の方法で代用します。ありがとうございました。

300 KB
■ このスレッドは過去ログ倉庫に格納されています

★スマホ版★ 掲示板に戻る 全部 前100 次100 最新50

read.cgi ver 05.04.02 2018/11/22 Walang Kapalit ★
FOX ★ DSO(Dynamic Shared Object)