掲示板/スタイルシート質問板/過去ログ/一覧/ filterの標準準拠モードと互換モードの違い

0 名前： あわよ ： 2006/03/23 15:35: filterの標準準拠モードと互換モードでの違いについて
教えてください。

スクロールバーに背景画像を反映させるため、
width:100%　height:100%　margin:0pxで指定色をfilterで透過しました。

互換モードで見るときちんとスクロールバーに反映されるのですが
標準準拠モードにするとスクロールバーには反映されません。

標準準拠モードではfilterがかからないのかな？と思いましたが、
body内でfilterをかけたものは両モードとも反映されています。

何故なのかとても気になり、自分でも色々調べ、
http://blog.nomadscafe.jp/archives/000402.html
を見つけ参考にしたのですが、解決できませんでした。

filterを使いたい訳ではなく、ただ疑問でスッキリしないので・・・。
何故なのかご存知の方がいらっしゃったら教えてください。

URL：
http://roass.fc2web.com/test2c.html （互換モード）
http://roass.fc2web.com/test2a.html （標準準拠モード）

1 名前： あわよ ： 2006/03/23 15:35: たった今、自己解決しました。

これでした↓
http://www.airemix.com/pukiwiki/pukiwiki.php?IETips#content_1_8
「IE6には標準モードかつフレームのスクロール表示がAUTOの場合、
フレームの横幅計算をスクロールバーなしで計算してしまうバグがあるよう」

何度も何度も見てきたページなのに、こんなことに気付きませんでした。
overflow-y: scroll;としたら、標準準拠モードでもきちんとスクロールバーが
出ました。

気が抜けたと同時にスッキリしました。
スレに目を通し、多・少かかわらず一緒に考えてくださった方々、ありがとうございました。
そしてスレ汚しすみませんでした・・・○rz

2 名前： Pid ： 2006/03/23 15:35: なるほど…そういうことだったんですね。ありがとうございます (^^)。

ちなみに，スクロールバー透過にはこんな方法もあります（html/body 要素には適用できませんが）。
http://www.shoshinsha.com/pukiwiki/pukiwiki.php?%A5%B9%A5%AF%A5%ED%A1%BC
%A5%EB%A5%D0%A1%BC%A4%CE%B0%EC%C9%F4%A4%F2%C6%A9%B2%E1%A4%B7%A4%BF%A4%A4
（一行につなげて下さい）

3 名前： あわよ ： 2006/03/23 15:35: ＞Pidさん
ありがとうございます。
こんな指定の仕方もあるんですね！目からウロコ状態です。
ほんと面白いです。
他にも自分自身知らない指定の仕方がたくさんあると思うので
探してみたいと思います！

質問欄に書いたURLのファイルが消えているので、
一応解決した私なりの方法を書いておきたいと思います。

『改善前』
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=SHIFT_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>失敗</title>
<style type="text/css">

</style>
</head>
<body>
<div class="imgscroll" style="width:100%;height:100%;overflow:auto;">
<div style="height:700px;">
<p>あいうえお</p>
</div>
</div>
</body>
</html>

『改善後』
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=SHIFT_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>なんとか成功</title>
<style type="text/css">
</style>
</head>
<body>
<div class="imgscroll" style="width:100%;height:100%;overflow-y:scroll;">
<div style="height:700px;">
<p>あいうえお</p>
</div>
</div>
</body>
</html>