今回､SSI の使えないｻｰﾊﾞ上で､CGI や PHP で出力する HTML 内に Perl ｽｸﾘﾌﾟﾄの吐く内容を動的にｾｯﾄしたい案件があって､SSI が使えないので iframe で CGI の出力結果をはめ込むようにしたんだが､新着情報のように表示件数が変化する部分は､
動的に高さを調整したい｡
こう言うときは､JavaScript と組み合わせて制御するしかなく､
｢IFRAMEの高さ可変｣
http://nacky.s206.xrea.com/notebook/archives/2007/06/10-012813.php
というｻｲﾄを参考に組み込んでみたのだが､どうも､本来のｺﾝﾃﾝﾂの高さよりも余分に高さ設定がされてるような･･･
画像にｺﾋﾟｰして見てみたら､20px くらい高い｡
高さ判定してるところで､無条件に -20 するようにしようかと思って JavaScript 見てみたら､
document.getElementById(ID).style.height = parent.frames[NAME].document.height +20 +"px" ;
みたいに､わざわざ本来の高さに +20 してあった｡
ああ･･･なんだ､そうだったのか｡ちゃんとｿｰｽを見てませんでした｡(^^;
どうも､本来の高さｷﾂｷﾂに高さ設定をすると､Netscape 系のﾌﾞﾗｳｻﾞではｽｸﾛｰﾙﾊﾞｰが出てしまうので､その対策のようだ｡
今回､うちの案件ではﾃﾞｻﾞｲﾝ上の理由で scrolling="no" 固定にしているのでｽｸﾛｰﾙﾊﾞｰのことは考えなくて言い｡
ということで､+20 の部分を削って､
document.getElementById(ID).style.height = parent.frames[NAME].document.height +"px" ;
としました｡これでﾊﾞｯﾁﾘ｡
↑件のｻｲﾄのｵｰﾅｰ様｡素敵な JavaScript をありがとうございました｡