Q&Aお世話になっております。
┌──────────────┐ │menu│contents │ │ │ │ │ │ │ │ │ │ └──────────────┘
とのページを作成しようとしております。
なんかhtml5からは
<frame>が使えないとの事なので以下のようなソースで表記しました。 ``` <html><head> <META HTTP-EQUIV="Content-Type" content="text/html; charset=x-sjis"> <meta http-equiv="X-UA-Compatible" content="IE=7" /> <title>ほげほげ</title> <meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="Cache-Control" content="no-cache"> <meta http-equiv="Expires" content="0"> <style type="text /css"> <!-- .flex{ display:flex; } .flex-menu{ flex-basis:180px; } .flex-item{ flex-basis:50%; } --> </style> </head> <div class="flex"> <div class="flex-menu"> <iframe name="menu" src="http://fuga/menu.html"></iframe> </div> <div class="flex-item"> <iframe name="contents" src="http://fuga/contents.HTM"></iframe> </div> </div> </html> ```ですがメニューの下にコンテンツが表示されて横に表示されません。
html5でiframeで左右にに表示させるには上記cssの表記が不味いと思っているのですが
どのような語句でグーグルさんで調査すれば良いのでしょうか？
初心者の質問大変申し訳無いのですが上記お問い合わせいたします。
回答2件
0
こんにちは。
typoです。
<style type="text /css">→<style type="text/css">
ちなみに、type属性は省略してかまいません。
この属性は省略可能であり、省略した場合の既定値は text/css です。空文字列と text/css 以外の値は使用されません。 メモ: 現代のウェブ文書では、この属性を含める理由はほとんどありません。
投稿2020/10/29 06:10
総合スコア36115
0
自己解決
.flex{
display:flex;
height:100%;
width:100%;
}
で左側のメニューのみ縦がウィンドウの100%で出来ました……
右のcontentsが出来ないので調査中でしたが
#contents{ height:100%; width:100%; }
で解決しました。
id classとか色々使っていて混乱した模様です。
Lhankor_Mhyさんにレスする形では通知が行って申し訳ないのでコチラに表記します。
投稿2020/10/29 09:08
編集2020/10/29 09:13
総合スコア157
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/10/29 06:56
2020/10/29 08:37 編集
2020/10/29 09:23
2020/10/29 09:26