标题图片底部边框

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

最快的解决方案是将整个标题 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;
}

Answer 2

#body-main 的左右边距为 38px - 这就是为什么会有间隙。