Re: フレーム非対応のブラウザについて
久野です。
cuncuku@uranus.interq.or.jpさん:
> よろしくお願いします。m(_)m
書いてみました。なんですが、CSSには「position:fixed」というの
があってこれを使うとスクロールに関係なく窓の特定位置に要素を固定
できるのですが、Geckoブラウザはこれに対応しているのに、IEは対応
してないみたいで…
とりあえず、しょうもないけどIEの場合はJavaScriptで固定位置に動
かすようにしました。
力業でいまいちだな… 久野
---
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html><head><title>???</title>
<style type="text/css">
#left { position: fixed; left: 0px; width:18%; border: blue double 2px }
#right { margin-left: 20%; border: green double 2px }
</style>
<script type="text/javascript">
function init() {
if(document.all) { // IE
var l = document.getElementById('left'); l.style.position = 'absolute';
var b = document.documentElement || document.body;
setInterval(function() { l.style.top = b.scrollTop + 'px'; }, 200);
}
}
</script>
</head>
<body onload="init()">
<div id="left">
<p>a</p><p>b</p><p>c</p><p>d</p><p>e</p><p>f</p><p>g</p>
</div>
<div id="right">
<p>あいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえお</p>
<p>あいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえお</p>
<p>あいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえお</p>
<p>あいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえお</p>
<p>あいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえお</p>
<p>あいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえお</p>
<p>あいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえお</p>
<p>あいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえお</p>
<p>あいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえお</p>
<p>あいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえお</p>
<p>あいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえお</p>
</div>
</body>
</html>
Fnews-brouse 1.9(20180406) -- by Mizuno, MWE <mwe@ccsf.jp>
GnuPG Key ID = ECC8A735
GnuPG Key fingerprint = 9BE6 B9E9 55A5 A499 CD51 946E 9BDC 7870 ECC8 A735