IFRAMEタグと下スクロールバーを消す方法

admin — Tue, 16 Jun 2009 18:39:14 +0000

HTMLでＷＥＢサイトを作成する場合、複数ページを一括編集する場合は
Dreamweaver（ドリームウィーバー）のテンプレートを使用すると楽ですね。

また、２カラムや３カラムの場合、サイドバーに写真画像や宣伝用バナーを
掲載したいケースがあります。掲載後に個々の変更が出た場合は、
共通ページのテンプレートを編集することで前頁の編集が可能ですが、
テンプレートを使いたくない場合もあります。

そんな時には、IFRAMEタグを使用して、そこに表示させたいページを
別途に用意するのが良いでしょう。

例えば、サイドバーとフッター部分をIFRAMEタグを使っての表示は
良いと思います。

ただし、IFRAMEタグを使った場合は高さをきちんと設定しないと
かくれてしまいますので注意が必要です。問題は、内容量に合わせて
高さが自動的に可変すれば良いのですが、今のとことはjavascriptを
利用するような方法しかないようです。

さて、IFRAMEタグを使用した場合、IE6で見た場合に
下側のスクロールバーが表示されて見栄えが悪いというケースがあります。

このような場合は、htmlタグの横に、overflow-x:hidden;を付け足すことで、
消すことができます。お試しください。

また、外部CSSを使用した場合は、

body { overflow-x: hidden; }　と記述すると良いでしょう。

WEBワンポイント » overflow-x:hidden -

IFRAMEタグと下スクロールバーを消す方法