- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：CSSでページ下部ソースを上に表示するには？）
CSSでページ下部ソースを上に表示するには？
このQ&Aのポイント
- CSSを使ってナビゲーションメニューをページ上部に配置したい場合、ソースの下に配置する方法があります。
- 現在の構成では、サイドバーがコンテンツの下に表示されていますが、希望の構成ではサイドバーをナビゲーションメニューの下に表示することができます。
- ブラウザ上の表示は同じになりますので、SEOを考慮しながらソースの構成を変更しましょう。
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
HTML5 <body> <header></header> <section> <div id="index"></div> </section> <nav></nav> <footer></footer> </body> HTML4.01,XHTML <body> <div class="header"></div> <div class="section"> <div id="index"></div> </div> <div clas="nav"></div> <div class="footer"></div> </body> CSS(HTML5用) section{position:relative;} section div.index{ margin-top:180px;position:absolute;top:0;left:0; height:100%;width:20%; } section>*{margin-left:20%;} nav{position:absolute;top:80px;height:100px;} CSS(HTML4用) div.section{position:relative;} div.section div.index{ margin-top:180px;position:absolute;top:0;left:0; height:100%;width:20%; } div.section>*{margin-left:20%;} div.nav{position:absolute;top:80px;height:100px;} かな・・
お礼
なるほど！ HTML５はまだ実装できそうにないので HTML4を参考にがんばってみます☆ 参考になりました！！ ありがとうございます！