Posts Tagged ‘消す方法’

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; } と記述すると良いでしょう。