머리글 이미지 아래쪽 테두리

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에서 전체 헤더 div를 잘라서 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 패딩이 있습니다. 왜 그런가?