昨日に引き続きどのタグを外せばいいのか

質問

>>こちらのサイト↓↓
​http://homepage.decoweb.jp/template/view/H200026​
テンプレートＮＯ：H200026のテンプレートをダウンロードし、
色々と編集しているのですが、
このテンプレートの横に伸びている水色のバー（トップ画像の葉っぱ両サイドから伸びているバー）を取り除くか、背景と同じ白にしたいと思っていますが、どこをどう構えばいいのか困っています。
どなたかお詳しい方、教えて頂けないでしょうか？

↑↑上記の問題は皆様の助力のおかげで解決致しました。
そこでもう一つ教えて頂きたいのですが、
このテンプレートの下にcopyright～～のグレーのバーが
ありますが、これを縦に伸びているブルーの細い線に長さを
あわせたいです。
⇒結論としては、昨日解決した水色のバーを外し、下のグレーのバーを
縦の線に長さを両サイド合わせてスッキリさせたいです。
どなたかお力をお貸し下さい。

回答No.1

auty · ベストアンサー

copyright～～のグレーのバーの部分
（<div id="footer_wrapper"></div>）
を一行分上に移動し、

------------------------------------------------------------

</div>

<div id="footer_wrapper">
<div id="footer">
<div id="copyright">copyright&copy;&nbsp;2007&nbsp;あなたのサイト名&nbsp;All&nbsp;Rights&nbsp;Reserved.</div>
<div id="deco_banner">
Powered&nbsp;by&nbsp;<a href="http://www.decoweb.jp/" title="無料テンプレートのdecoweb" target="_blank">無料テンプレートのdecoweb</a>
&nbsp;-&nbsp;
<a href="http://homepage.decoweb.jp/" title="ホームページ テンプレート" target="_blank">ホームページ テンプレート</a>
</div>
</div>
</div>
</div>
</body>
</html>
------------------------------------------------------------

style.cssで、div#footerの部分をdiv#imageに倣って変更します。

------------------------------------------------------------
div#footer{
width: 788px;
margin: 0 auto;
border-right: 1px solid #2E465F;
border-left: 1px solid #2E465F;
padding: 6px 5px 5px 5px;
color: #222;
}

補足

ご回答感謝します。
ですが縦の棒はちゃんとグレーのバーを突き抜けて通るように
なるのですが、両サイドにはみ出たグレーのバーが直りません。
どこがおかしいのでしょうか？

回答No.3

leap_day

こんにちは

<div id="footer_wrapper">の上にある</div>を

</body>の上に持ってきてください

・・・
</div> ←これを削除して
<div id="footer_wrapper">
・・・
</div>
　　　　←この位置に</div>と追加してください
</body>

回答No.2

auty

もう一度、

＜＜＜　一行分上に移動し、

の下のHTMLソースコードをお試しください。