（つくば：カエル）

2009年07月17日

at 21:00
posted by @
comments(0)
XHTML+CSS

IEでiframeのボーダーが消えない

インラインフレーム<iframe>なんて滅多に使わないのですが、
今回使うことがあったので、メモ。


【サンプル】
#container






サンプルをIEで見ると、上のものだけボーダーが表示されてしまうと思います。
【HTMLソース】
<iframe src="表示するアドレス" name="frameName" id="frameName" frameborder="0" title="フレームタイトル"></iframe>

【CSSソース】
iframe {
	border: 0;
}



青の部分は任意で設定してください。
<iframe src="表示するアドレス" name="frameName" id="frameName" frameborder="0" title="フレームタイトル"></iframe>


IEでもボーダーを表示させないようにするには、HTMLの以下が肝心。
サンプルの上のものはframeborderを記述してません。
<iframe src="表示するアドレス" name="frameName" id="frameName" frameborder="0" title="フレームタイトル"></iframe>



ただ、IE5.5~IE8で確認ができるIETesterだと、ボーダーが表示されない！
忘れてて、「あっ！」ってならないように注意しなければ。

IEでiframeのボーダーが消えない

タグ ：IEiframeインラインフレームborderボーダー

同じカテゴリー（XHTML+CSS）の記事画像
Firefoxで携帯サイトをシミュレートするアドオン
IEで画像の下に意図しないマージン（余白）が出る
Windows版Safariでテキストエリアのリサイズが可能
IE6でネガティブマージンを指定した画像
styleswitcher.jsでスタイルシート切り替え
テーブル右端のwidth指定
同じカテゴリー（XHTML+CSS）の記事
 スタイルシートでボックスを中央に配置 (2009-07-07 21:00)
 スタイルシートでボックスを画面中央に配置 (2009-05-19 21:00)
 Firefoxで携帯サイトをシミュレートするアドオン (2008-10-31 15:44)
 IEで画像の下に意図しないマージン（余白）が出る (2008-10-09 11:30)
 JavaScriptがいらないGoogleマップ API (2008-06-02 12:15)
 Shift_JISのページでGoogle マップ API (2008-05-23 12:05)
ページ先頭に戻る
（つくば：カエル）

comments form

名前：
メール：
URL：
コメント：
ページ先頭に戻る