アンテナ(下記サイト)のように左にメニュー画面を、右にコンテンツを表示するホームページを作成したいと考えています。
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で質問しましょう!
似たような質問が見つかりました
- 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ランキング
-
Java-jspの画面入力値保持について
-
ServletからServletへの値渡し
-
三菱GOTの画面切り替えについて
-
JAVAのセッション変数の上書き...
-
画面遷移を行わずに同一ページ...
-
ASP.NET 画面遷移前の状態を保...
-
サブミット後、自動的に画面を...
-
セッション切れでのリクエスト...
-
C言語で今まで表示していた画面...
-
ブラウザアドレスバーからのURL...
-
C# ログイン画面からメイン画面...
-
system("cls")について
-
データソース、データセットの作成
-
常に最大化で表示したい
-
【JSP】input typeで入力された...
-
画像の縦横比固定の計算方法。
-
"+"文字が" (スペース)"に文字...
-
windowのコンピュータのロック...
-
登録後、呼び出し元ページに戻...
-
【Javascript】でsubmit時に一...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
三菱GOTの画面切り替えについて
-
C# ログイン画面からメイン画面...
-
C言語で今まで表示していた画面...
-
画面遷移を行わずに同一ページ...
-
Java-jspの画面入力値保持について
-
プログラミングで例えばゲーム...
-
ASP.NET 画面遷移前の状態を保...
-
フロントエンドフレームワーク...
-
遷移元を判定したい!
-
画像の縦横比固定の計算方法。
-
FormのsubmitでFormの内容がnull
-
画面を隠す・消す方法を教えて...
-
HTMLのINPUTから画面表示
-
登録後、呼び出し元ページに戻...
-
ボタンを押したあとに画像を表...
-
Javascriptのhistory.back()が...
-
ServletからServletへの値渡し
-
セッション切れでのリクエスト...
-
アドレスバーに引数を表示させ...
-
system("cls")について
おすすめ情報