アンテナ(下記サイト)のように左にメニュー画面を、右にコンテンツを表示するホームページを作成したいと考えています。
https://antenna.jp/
ひとつのウインドウで画面を2つにわけるためにはhtmlのframeset要素を使えばできることは把握しているのですが、上記サイトのアンテナではframesetを使わずに画面分割をしています。
見た目やレスポンシブ対応のしやすさも考え、できればframesetを使わずに画面分割を行いたいのですが、どのようにすれば可能でしょうか。
メニュー部分とコンテンツ部分を別々にスクロールできるようにしたいです。
どなたか分かる方教えてください。
No.2
- 回答日時:
DIVでレイアウトコンテナ作って、CSSで配置。
スクロールバーいるなら、overflowを「auto」に。
この回答への補足
ご回答ありがとうございます!overflowでできそうな気がします。
追加で質問させてください。
overflowを使用して縦スクロールを付けたい場合にはoverflowを適用する対象の縦幅を指定しなければならないと思うのですが、これをアンテナのように縦幅をウインドウサイズにして、右側のコンテンツ部分を下にスクロールしても左のメニュー部分はスクロールされず固定されている状態にするためには、どのようにCSSを書けばいいのでしょうか。
(参考サイト)アンテナ
https://antenna.jp/
No.3ベストアンサー
- 回答日時:
このページものすごく参考になりました。
アンテナでやっている手法とは違うかもしれないですが、こちらの方がやりたいことができそうです。
ありがとうございました!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 画像が分割されて切り替わる、ループアニメーションが作りたい 7 2023/05/27 17:12
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- その他(Microsoft Office) エクセルでの作成データをモニター画面内に収めたい。 1 2022/04/23 11:52
- その他(OS) Mac OSの操作について 2 2022/06/08 09:19
- テレビ テレビが映るまで3~5分かかります 8 2023/04/11 09:47
- Android(アンドロイド) PayPayでアンドロイドスマホのアカウント画面の表示のポイントの使い方が知りたい 画像添付 5 2022/05/26 10:58
- 人類学・考古学 古墳の実測図の見方について 3 2023/07/01 17:33
- その他(動画サービス) VLCメディアプレーヤーについて 1 2022/11/29 14:19
- JavaScript [Java] Edgeでのアドレスバー非表示について 3 2022/04/20 17:51
- YouTube YouTubeのコンテンツIDについて教えてください。 1 2022/05/18 08:13
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
プログラミングで例えばゲーム...
-
ウィンドウの制御について、質...
-
Beautiful Soupのインストール...
-
登録後、呼び出し元ページに戻...
-
スマホ向けに「お気に入り登録...
-
ServletからHTMLページへの遷移...
-
三菱GOTの画面切り替えについて
-
画面を隠す・消す方法を教えて...
-
Android開発環境が構築できない...
-
親ウィンドウの画面遷移
-
MFCプログラミング
-
リンク先として、ページの途中...
-
C++ マルチモニタ アプリ
-
Javaプログラミングの質問にな...
-
PC画面上に変化があった時、音...
-
C言語で今まで表示していた画面...
-
フロントエンドフレームワーク...
-
JSPで画面を更新するには
-
frameset要素を使わずに画面を...
-
"+"文字が" (スペース)"に文字...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
三菱GOTの画面切り替えについて
-
C# ログイン画面からメイン画面...
-
C言語で今まで表示していた画面...
-
画面遷移を行わずに同一ページ...
-
Java-jspの画面入力値保持について
-
プログラミングで例えばゲーム...
-
フロントエンドフレームワーク...
-
ASP.NET 画面遷移前の状態を保...
-
遷移元を判定したい!
-
画像の縦横比固定の計算方法。
-
FormのsubmitでFormの内容がnull
-
画面を隠す・消す方法を教えて...
-
HTMLのINPUTから画面表示
-
登録後、呼び出し元ページに戻...
-
ボタンを押したあとに画像を表...
-
Javascriptのhistory.back()が...
-
ServletからServletへの値渡し
-
セッション切れでのリクエスト...
-
アドレスバーに引数を表示させ...
-
system("cls")について
おすすめ情報