IFRAMEタグと下スクロールバーを消す方法
6月 17, 2009 - 3:39 am
HTMLでWEBサイトを作成する場合、複数ページを一括編集する場合は
Dreamweaver(ドリームウィーバー)のテンプレートを使用すると楽ですね。
また、2カラムや3カラムの場合、サイドバーに写真画像や宣伝用バナーを
掲載したいケースがあります。掲載後に個々の変更が出た場合は、
共通ページのテンプレートを編集することで前頁の編集が可能ですが、
テンプレートを使いたくない場合もあります。
そんな時には、IFRAMEタグを使用して、そこに表示させたいページを
別途に用意するのが良いでしょう。
例えば、サイドバーとフッター部分をIFRAMEタグを使っての表示は
良いと思います。
ただし、IFRAMEタグを使った場合は高さをきちんと設定しないと
かくれてしまいますので注意が必要です。問題は、内容量に合わせて
高さが自動的に可変すれば良いのですが、今のとことはjavascriptを
利用するような方法しかないようです。
さて、IFRAMEタグを使用した場合、IE6で見た場合に
下側のスクロールバーが表示されて見栄えが悪いというケースがあります。
このような場合は、htmlタグの横に、overflow-x:hidden;を付け足すことで、
消すことができます。お試しください。
また、外部CSSを使用した場合は、
body { overflow-x: hidden; } と記述すると良いでしょう。





