- ベストアンサー
Dream Weaverを使ってCSSレイアウト
Dream Weaverを使ってCSSレイアウトをしようとしています。 これまでコンテンツをひとまとめにcontainerでdivにしていたのですが、今回、footer部分（エビアンのサイト（http://www.evian.co.jp/）でいうと、一番下のサイトマップが載ったピンクの部分）をこのように横広がりのベタ一色の背景にしようと思っています。 しかしその場合、footerの背景はcontainerの幅までしか設定できません。containerの幅よりも広く、ブラウザの際まで横に伸びる背景はどのように設定するのか分かりません。 分かる方、教えてください。 よろしくお願いします。
- ovalearth
- お礼率30% (6/20)
- その他([技術者向] コンピューター)
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
<html> <body> <div id="container"> ～～コンテンツ～～ <!-- ここにfooterを入れてはダメ！ --> </div> <!-- Script --> </body> </html> 多分、今はこんな感じでしょうか？ <div id="container"> ～～コンテンツ～～ </div> は幅widthを決めていると思うので、 この中に <div id="footer">footer</div> を作れば、 当然、containerの幅内にしか収まらないでしょう・・・ なら、containerの外にfooterを出してやれば良いだけです。簡単でしょ？ <html> <body> <div id="container">～～コンテンツ～～</div> <div id="footer">footer</div> <!-- Script --> </body> </html> /* CSS */ div#footer{ margin:0; padding:0; width:100%; background-color:#E39CA9;} <div id="container">以外にも<div id="wrap">とか本当に無いか？要確認。
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_1_thumbnail_img_sm.png)
お礼
大枠のcontainerを取っ払ってしまえばいいのですね。 bgをwidth:100%にして、解決しました。 目指していたレイアウトを作ることができました。 ありがとうございました！