- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：<div>タグでサイドバーを作るときの幅の指定方法）
タグでサイドバーを作るときの幅の指定方法
このQ&Aのポイント
- divタグを使用してサイドバーとメインコンテンツを配置したい場合、サイドバーの幅を固定し、残りのメイン部分をブラウザの右端まで広げる方法について探しています。
- 具体的には、全体を囲むdivタグにwidth:100%;と指定し、サイドバーのdivタグにfloat:left; width:200px;と指定します。
- そして、メイン部分のdivタグにfloat:right;と指定することで、サイドバーの隣にメインコンテンツが配置されます。しかし、メイン部分の幅を何に指定すれば、残りのスペースが埋まるのかわかりません。
- pokapoka1980
- お礼率40% (165/403)
- HTML
- 回答数2
- ありがとう数1
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
巾を％で指定したサンプルは floatによる段組について - Webデザイン・CSS - 教えて！goo ( http://okwave.jp/qa/q7079628.html#a7 )にあります。 ここで、 div.header,div.section,div.footer{ width:100%;margin:0 auto;/* センター配置IE5,非対応 */ border:solid 1px rgb(255,200,200);background-color:rgb(255,200,200); } で巾いっぱいで、ナビゲーション(目次)は30% とか。その他の値を変更すると、目次を200pxで残りを本文とか自在に出来るでしょう。
その他の回答 (1)
- metametamu
- ベストアンサー率51% (153/295)
回答No.1
#mainにfloatとwidthを指定しなければ自動的にご希望のレイアウトになると思います。 #allContentsについてもwidth:100%;はおそらく不要でしょう。 一応floatについてもう少し挙動の詳細を調べられることをオススメします。 CSSの中でもコピー＆ペーストだと苦労する部分ですので。
