Q&A
お世話になっております。
下記html文書で height="50%" が効かずに困っています。
html
1<!DOCTYPE html> 2<HTML> 3<HEAD> 4 <TITLE> two forums </TITLE> 5</HEAD> 6<BODY> 7 8<iframe name="forum1" width="100%" height="50%" src="http://192.168.5.24/forum1/wforum.pl"></iframe> 9<iframe name="forum2" width="100%" height="50%" src="http://192.168.5.24/forum2/wforum.pl"></iframe> 10 11</BODY> 12</HTML>
こちら解決するにはどのような語句で調査すれば良いのかご助力頂けないでしょうか？
"iframe"でグーグルさんで調査した所
<iframe> - インラインフレーム - とほほのWWW入門
height=n LS/H5/H4T/e3/Ch/Fx/Sa/Op/N6 フレームの高さをピクセルまたはパーセンテージで指定します。
と記載があり問題がなく使えるような表記があるのですが
実際の表示部分には上部100pxぐらいに固定されているのです……
解決するにはどういう語句でグーグルさんで調べれば良いかご助力頂けないでしょうか？
以上お問い合わせいたします。
回答1件
0
ベストアンサー
たぶん、高さの基準となるbodyに何の指定も無いのでしょう。
そこを含めてCSSで処理しましょう。
CSS
1body { 2 min-height: 100vh; 3 margin: 0; 4} 5iframe { 6 width: 100%; 7 height: 50%; 8}
解決するにはどういう語句でグーグルさんで調べれば良いかご助力頂けないでしょうか？
HTML/CSSの入門書など体系的に学べる教材で勉強されることをお勧めします。
追記：
すみません、上記コードでは実現できないので、下記コードで。
CSS
1html, body { 2 height: 100%; 3} 4body { 5 margin: 0; 6} 7iframe { 8 width: 100%; 9 height: 50%; 10 display: block; 11} 12```**動くサンプル：**[https://jsfiddle.net/mcn16x7v/](https://jsfiddle.net/mcn16x7v/)
投稿2020/09/08 05:37
編集2020/09/08 06:49
総合スコア69606
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/09/08 06:19
2020/09/08 06:46
2020/09/08 06:49
2020/09/08 07:05 編集