アンテナ(下記サイト)のように左にメニュー画面を、右にコンテンツを表示するホームページを作成したいと考えています。
https://antenna.jp/
ひとつのウインドウで画面を2つにわけるためにはhtmlのframeset要素を使えばできることは把握しているのですが、上記サイトのアンテナではframesetを使わずに画面分割をしています。
見た目やレスポンシブ対応のしやすさも考え、できればframesetを使わずに画面分割を行いたいのですが、どのようにすれば可能でしょうか。
メニュー部分とコンテンツ部分を別々にスクロールできるようにしたいです。
どなたか分かる方教えてください。
No.3ベストアンサー
- 回答日時:
このページものすごく参考になりました。
アンテナでやっている手法とは違うかもしれないですが、こちらの方がやりたいことができそうです。
ありがとうございました!
No.4
- 回答日時:
このページて、iframeに読み込んでいるだけでしょう?
同じようにするなら、せめてレスポンシブレイアウトにして、アコーディオンメニューを採用された方がスマートでは?・・・
iframeを使っているんですね!あまりにも不勉強すぎてわかりませんでした。
謎を解いていただきありがとうございました。
今必死にbootstrapを使ったレスポンシブ作ってます。こちらの方が便利そうですね。
No.2
- 回答日時:
DIVでレイアウトコンテナ作って、CSSで配置。
スクロールバーいるなら、overflowを「auto」に。
この回答への補足
ご回答ありがとうございます!overflowでできそうな気がします。
追加で質問させてください。
overflowを使用して縦スクロールを付けたい場合にはoverflowを適用する対象の縦幅を指定しなければならないと思うのですが、これをアンテナのように縦幅をウインドウサイズにして、右側のコンテンツ部分を下にスクロールしても左のメニュー部分はスクロールされず固定されている状態にするためには、どのようにCSSを書けばいいのでしょうか。
(参考サイト)アンテナ
https://antenna.jp/
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
【JavaScriptわからない】1クリ...
-
ServletからServletへの値渡し
-
アドレスバーに引数を表示させ...
-
[VB6]画像切り取り
-
三菱GOTの画面切り替えについて
-
window.openについて
-
javaのstrutsを使った画面遷移...
-
Strutsの情報保持の仕方について
-
ASP.NET 画面遷移前の状態を保...
-
C# ログイン画面からメイン画面...
-
非アクティブな画面を操作する...
-
Excel VBA のdebug(F8キー) が...
-
ポップアップでウィンドウを表...
-
VC++にて、コンソールを二画面表示
-
検索画面→結果画面→検索画面と...
-
Strutsのデータ受け渡しについて
-
IME
-
Strutsで画面開設時に・・・
-
腕時計の時報をならないように...
-
ボタンが活性化の場合とは、ボ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
三菱GOTの画面切り替えについて
-
C言語で今まで表示していた画面...
-
ASP.NET 画面遷移前の状態を保...
-
遷移元を判定したい!
-
Strutsの情報保持の仕方について
-
C# ログイン画面からメイン画面...
-
画面を隠す・消す方法を教えて...
-
Java-jspの画面入力値保持について
-
Wi-Fiのパスワードが指定なしと...
-
Javaプログラミングの質問にな...
-
FormのsubmitでFormの内容がnull
-
登録後、呼び出し元ページに戻...
-
ServletからServletへの値渡し
-
アドレスバーに引数を表示させ...
-
セッション切れでのリクエスト...
-
javaのstrutsを使った画面遷移...
-
JAVAのセッション変数の上書き...
-
Javascriptのhistory.back()が...
-
strutsで、JSP→アクションクラ...
-
Sessionがnullになりません。
おすすめ情報