- ベストアンサー
ナビとコラムをくっつけたい
- HTML/CSSのタグ打ちでHPを作っているが、ナビとコラムの幅を揃えることができない
- 暗めの素材を使用したいため、幅を揃えたいがコラムがなくなってしまう
- ページ両サイドの領域に背景や色を入れたいが、方法が分からない
- kuronecosan
- お礼率74% (103/139)
- HTML
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
HTML(ウェブページ)がきちんとマークアップされていれば、スタイルシートも簡単に書けるでしょう。 <body> <div class="header"> <h1>見出し</h1> <div class="nav"> <ol> <li><a href="./">Top</a></li> <li><a href="./news">News</a></li> <li><a href="./product">Product</a></li> </ol> </div> </div> <div class="article"> <h2>見出し</h2> <div clas="section1"> <p>段落</p> </div> <div clas="section1"> <p>段落</p> </div> <div class="contentTable"> <h3>目次</h3> <ol> <li><a href="#section1">Section1</a></li> <li><a href="#section2">Section2</a></li> <li><a href="#section3">Section3</a></li> </ol> </div> </div> <div class="footer"> </div> </body> だとして、 div.header,div.article{width:100%;position:relative;} div.article h2,div.article div.section{margin-left:21%;min-height:400px;} div.article div.contentTable{width:20%;position:absolute;top:0;left:0;height:100%;} とか・・ ＞付け足しで、ページ両サイドの領域に背景や色を入れるにはどうしたらいいのでしょうか？ body{background:****;} div.header,div.article{width:80%;min-width:450px;max-width:960px;margin:0 auto;position:relative;} 以下変更なし 基本的に、HTMLさえきちんと文書構造にしたがって書かれていたら(プレゼンテーションや配置はHTMLでは扱わない)、スタイルシートでいかようにもレイアウトやプレゼンテーションは決められる。 そうするとHTMLもCSSも簡潔でわかりやすくなる。HTMLだけ見て何が書かれているかわかること。CSSだけ見てどのように配置しようとしているかわかること。
お礼
どうもありがとうございました！