人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

<table><tr><td></td><td>
<iframe src=”xxx.htm” width=”xxx” height=”100%” frameborder=”0” class=”iframe”></iframe>
</td></tr></table>
以上のような設定で、インラインフレームの高さが画面いっぱいになるようにしたいのですが、うまく行きません。どのように設定すればよろしいでしょうか?

●質問者: tecra
●カテゴリ:コンピュータ
✍キーワード:インラインフレーム
○ 状態 :終了
└ 回答数 : 8/8件

▽最新の回答へ

1 ● aro
●14ポイント

http://blank/

URLはダミーです


<table>

<table height=”100%”>


これでほぼページの高さ一杯になります。

◎質問者からの返答

そのように設定したところ、画面が真っ白になってしまいました。。


2 ● GEN111
●14ポイント

http://www.parkcity.ne.jp/~chaichan/src/htmtable.htm

このサイトは移動しました

<table height=”100%”>

のように親要素にも高さを指定してやるとよいでしょう。

◎質問者からの返答

一つ前の方と同様で、その方法だと画面が真っ白になってしまい、うまく行きません。

他によい方法はないでしょうか?

(ちなみにcssには特に何も設定していません)


3 ● fayn
●14ポイント

http://www.scollabo.com/banban/rev/rev_10.html

$B%U%l!<%`(B/HTML4.01 $B5U0z$-%j%U%!%l%s%9(B

インラインフレームは、ページのある一部分にフレームを挿入する物なので、画面いっぱいに表示するには不向きです。

画面いっぱいにする場合は、単純にフレーム

を使った方がよいと思います。


また、質問にあるように、テーブルタグの中で、Iframeを100%にしても、それはテーブルタグの範囲の中の100%にしかすぎません。

http://www.tohoho-web.com/html/memo/elmtree.htm

要素の包含関係

ブロック要素のような、もうすこし踏み込んだHTML構造を理解されるとなぜ、質問のような100%では、画面いっぱいにならないかがわかると思います。

http://fayn.s59.xrea.com/x/tips/html/formtag.html

XREA.COM

簡単にいうと、幅や高さで100%にした場合は、親要素にたいして100%ということで、親要素の幅がもともと決まっていたら画面いっぱいにならないということです。

ブロック要素とインライン要素の違いも理解されると応用が利くと思います。


ちょっと前置きが長くなりましたが、インラインフレームの高さが画面いっぱいにするには、

<html>

<head>

<title>フレームページ</title>

</head>

<frameset rows=”100%,0%”>

<frame src=”filename.html”>

</frameset>

</html>


みたいにするとどうでしょうか?

◎質問者からの返答

丁寧な回答をありがとうございます。

しかしながら、諸般の事情により通常のフレームが使用できない状況です。

正確に説明しますと、

画面の上50ピクセルをメニューボタンが横に並んでいる形にして、

残りの部分をインラインフレームでいっぱいいっぱいに表示したいと考えています。

しかしながら、メニューボタンにポップアップを設定しているため、

上下で別のフレームを使用するとフレームをまたいで

ポップアップを表示することが出来ません。

このため、インラインフレームを使用するしかない、という状況です。


4 ● m-down
●14ポイント

http://hp.vector.co.jp/authors/VA014833/wrong1.html

FRAMESET$B$N;H$$J}(J

framesetを使えば出来ますよ

◎質問者からの返答

一つ前の方の回答にも書いたのですが、インラインフレームで表示できる方法を探しています。

説明不足で申し訳ありません。


5 ● upride
●14ポイント

http://google.co.jp/

Google

---- test.htm ---------------


<html>

<body topmargin=”0” leftmargin=”0” marginwidth=”0” marginheight=”0”>

<table height=”100%” border=”0”>

<tr><td>head</td></tr>

<tr><td height=”100%”><iframe src=”xxx.htm” width=”xxx” height=”100%” frameborder=”0” class=”iframe”></iframe></td></tr>

</table></body></html>


--- xxx.htm ---------


<html><body topmargin=”0” leftmargin=”0” marginwidth=”0” marginheight=”0” bgcolor=”999999”>

comment

</body></html>


この2ファイルで試してみてください

◎質問者からの返答

ありがとうございます、試してみます。


1-5件表示/8件
4.前の5件|次5件6.
関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ