2013-05-17 2 views
1

사이트에서 나는 홈페이지의 상단에 공지, 작은 직원 고지를 추가하는 기능을 추가하고 있습니다. 내 생각에는 왼쪽에 프로필 섹션이 떠 있고, 상단에 (물론) 날짜를 보여주는 작은 데이트 라인과 몇 개의 태그가 있습니다.CSS 테두리가 떠있는 div 위에 그려 짐

dateline 섹션에서 문제가 발생합니다. 날짜 표시 줄은 게시판 상단의 프로필 오른쪽에 있습니다. 데 이타 라인의 경계선 아래쪽에는이 경계선이 게시판을 가로 질러 펼쳐지고 떠 다니는 div 위에 그려집니다.

예를 들어 here 바이올린을 만들면 문제를 볼 수 있습니다. 일부 배경 정보의 경우 모든 게시판은 div.bulletin_frame, 즉 "main div"안에 있습니다. 그 안에 div.bulletin이있을 것입니다. 나는 그것들을 모두 구성하여 첫 번째 것을 제외하고는 모두 단단한 경계선을 가지므로, 그들 사이에 경계선이있다. (스타일 시트 참조)

고마워!

CSS : 테두리가div을 통해 을 그려지지

div.bulletin_profile 
{ 
    padding: 5px; 
    margin-right: 5px; 
    text-align: center; 
    float: left; 

    border-bottom: 1px gray solid; 
    border-right: 1px gray solid; 
    border-bottom-right-radius: 5px; 
} 
div.bulletin_dateline 
{ 
    padding: 5px; 
    font-family: monospace; 
    border-bottom: 1px gray solid; 
} 
div.bulletin_body 
{ 
    padding: 5px; 
} 
+0

당신은 당신이보고 싶은 방법의 스크린 샷을 제공 할 수 있을까요? 필요한 것을 정확하게 이해하는 것은 약간 어렵습니다. – Doug

+0

Doug : 프로필 섹션을 통해 국경을 그릴 수 없기 때문에 James의 대답으로 문제가 해결되었습니다. – Jake

답변

관련 문제