ナビとコラムをくっつけたい

2011/10/09 22:33

このQ&Aのポイント

HTML/CSSのタグ打ちでHPを作っているが、ナビとコラムの幅を揃えることができない
暗めの素材を使用したいため、幅を揃えたいがコラムがなくなってしまう
ページ両サイドの領域に背景や色を入れたいが、方法が分からない

kuronecosan
お礼率74% (103/139)

HTML
回答数1
ありがとう数1

みんなの回答 （1）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

ORUKA1951
ベストアンサー率45% (5062/11036)

2011/10/09 23:37 回答No.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だけ見てどのように配置しようとしているかわかること。　　