remove
powerd by nog twitter

■DIVっぽいIFRAME

 現在全米で驚異的な反響を巻き起こしている「トルマリンブレスG」に使用されているネパールダウラギリ山奥地より採取されているトルマリン鉱石から自然界ではありえない分析データが検出された。なんと通常のトルマリン鉱石の2.5倍もの生命エネルギー(0.15ミリアンペア)を発しているのである。

左が普通の枠つきDIVです。右がDIVっぽく見せたIFRAMEです。

ソースの説明

----------▼スタイルシート
IFRAME{
	width: 300px;
	height: 300px;
	border: solid 2px #33cc33;
}
----------▲
----------▼HTML
<IFRAME src="iframe-div2.html" frameborder=0>
</IFRAME>
----------▲

▼----------IFRAMEのスタイル設定
←高さ:お好みで
←横幅:お好みで
←ボーダー:お好みで


▼----------HTML
←frameborder=0がポイント。



ポイントは、IFRAMEに frameborder=0 を設定することです。これを設定せずにCSSでボーダーだけ指定すると、灰色の細い枠がIFRAMEに残ってしまいます。中身のテキストはフレームからはみ出さない程度の量がいいです。はみ出すとスクロールバーが現れてしまいDIVっぽくなくなってしまいます。さらにボーダーもなくして完全に元のページと同化させることも出来ます。


▲WEBページ研究のトップへ