\r\n\r\n\r\n\r\n\r\n

aaa

\r\n

aaa

\r\n\r\n\r\n\r\n```\r\nですが現状iframeで高さを50%と指定する方法が不明なので\r\nこじんまりと表示されています。\r\n\r\niframeで高さをブラウザで50%とする方法は何という語句でグーグルさんで調べれば良いか\r\nご助力頂けないでしょうか？\r\n\r\n申し訳ないのですが上記お問い合わせいたします。","answerCount":1,"upvoteCount":0,"datePublished":"2020-09-03T06:55:23.299Z","dateModified":"2020-09-03T06:55:23.299Z","acceptedAnswer":{"@type":"Answer","text":"```ここに言語を入力\r\n\"height:50%;\"\r\nを\r\nheight:\"50vh;\"\r\nに変えてみてください。\r\n```\r\n%を使用すると

といったコンテナ要素の中にあれば、そのコンテナ要素の幅に対する割合で計算されます。","dateModified":"2020-09-03T07:13:56.020Z","datePublished":"2020-09-03T07:13:56.020Z","upvoteCount":2,"url":"https://teratail.com/questions/289342#reply-410093"},"suggestedAnswer":[],"breadcrumb":{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"https://teratail.com","name":"トップ"}},{"@type":"ListItem","position":2,"item":{"@id":"https://teratail.com/tags/HTML5","name":"HTML5に関する質問"}},{"@type":"ListItem","position":3,"item":{"@id":"https://teratail.com/questions/289342","name":"html5でiframeで高さを50%と指定したい。"}}]}}}

回答率: 85.29%

質問するログイン新規登録

トップ HTML5に関する質問html5でiframeで高さを50%と指定したい。

Q&A

解決済

1回答

1392閲覧

html5でiframeで高さを50%と指定したい。

総合スコア159

0グッド

0クリップ

投稿2020/09/03 06:55

0

0

お世話になっております。

https://teratail.com/questions/289302
にて下記のhtmlで出来そうだと分かって来たのですが上記では元質問と離れてしまったので
新規での質問失礼いたします。

今現在下記のようなjavascriptでhtmlを表示しております。

<!DOCTYPE html>
<html lang="ja">

<head>
  <meta charset="utf-8">
  <title>sample</title>
<script language="javascript">
<!--

function getName(){
		const moi2 = document.createElement('body');
		moi2.innerHTML = '<div style="display: flex;flex-direction: column;" name="rfp">  <iframe style="height:50%;" src="http://192.168.5.24/aquarius/forum/forum1/wforum.pl?" name="forum1"></iframe>  <iframe src="http://192.168.5.24/aquarius/forum/forum2/wforum.pl?"></iframe></div>';
		document.body.appendChild(moi2);

//		これを↑に移植したつもり
//		document.write('<frameset rows="50%,50%" border="1" name="rfp"><frame src="http://192.168.5.24/aquarius/forum/forum1/wforum.pl?" name="forum1"><frame src="http://192.168.5.24/aquarius/forum/forum2/wforum.pl?"></frameset>');	

}

//-->
</script>

</head>

<BODY onLoad="getName()">
  <div id="div1">aaa</div>
  <div id="div2">aaa</div>
</body>
</html>

ですが現状iframeで高さを50%と指定する方法が不明なので
こじんまりと表示されています。

iframeで高さをブラウザで50%とする方法は何という語句でグーグルさんで調べれば良いか
ご助力頂けないでしょうか？

申し訳ないのですが上記お問い合わせいたします。

行動規範の内容に同意します

回答1件

0

ベストアンサー

"height:50%;"
を
height:"50vh;"
に変えてみてください。

%を使用すると<div>といったコンテナ要素の中にあれば、そのコンテナ要素の幅に対する割合で計算されます。

投稿2020/09/03 07:13

総合スコア39

2020/09/03 07:21

ありがとうございます。 50%ではなくて 50vhで出来ました。調べて今後はコチラで実装出来るようにします。本当にありがとうございました。

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.29%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

関連した質問

トップ HTML5に関する質問

html5でiframeで高さを50%と指定したい。