css - 标题图片底部边框

Question

我在我的 Phorum 模板上的标题图像中添加了一个底部边框，使其看起来像页面上的顶部黑线。但是，它不像顶部那样从块的最左侧开始，当我扩展它的宽度时，它向右……但不是向左。我试图使它与顶部的相同，就在标题图像的下方。有任何想法吗？

www.cigarcache.com/forum

#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;
}