css - ヘッダー画像の下枠

Question

Phorum テンプレートのヘッダー画像に下枠を追加して、ページの一番上の黒い線のように見えるようにしました。ただし、一番上のブロックのようにブロックの左端から始まるわけではなく、幅を広げると右に進みますが、左には進みません。ヘッダー画像のすぐ下にある、上のものと同じにしようとしています。何か案は？

www.cigarcache.com/フォーラム

#phorum #header {
margin: -8px 0px 10px 0px;
}

#phorum #header img {
margin: 0px;
}

#phorum #header_bottom_gap {
height: 15px;
}

#phorum #logobottom {
border-bottom: 1px solid {breadcrumb_border_color};
}


<div id="header">
<div id="logobottom"><a href="http://www.cigarcache.com"><img
src="{URL->TEMPLATE}/images/header.png"
width="{header_width}" height="{header_height}" alt="" border="0" /></a></div>
</div>

みんなありがとう！

Answer 1

#body-main左右に 38px のパディングがあります - そのため、ギャップがあります。

Answer 2

最も簡単な解決策は、ヘッダー div 全体を #body-main から切り取って #body-main の上に貼り付け、スタイルを少し調整することです。

#phorum #logobottom {
/*border-bottom: 1px solid black;*/
}

#phorum #header {
margin: 0px 0px 10px 0px;
border-bottom: 1px solid black;
padding:0 38px;
}