[board 2.1] Tip) 메모장 스킨 사용시 회색줄(2px)이 나타나는 경우

대체로 메모장 스킨은 주로 방명록이나 노트 등으로 사용하므로 심플하고 깔끔한 것을 좋아들 하십니다.

그런데, 저는 게시글마다 밑에 두꺼운 회색줄이 생겨서 한동안 고생을 하였습니다.

세진보드의 메모장 스타일은 css/board.css에 .memolist로 속성을 제어하고 있더군요.

본글은 .memolist .memo에 댓글은 .memolist .memoReplay 식으로 말이지요.

그런데, 스타일을 아무리 바꿔도 변경되지 않아 환장할 경우가 생기기도 합니다.

그것은 대부분. 레이아웃이나 위젯 스타일과 충돌이 발생하기 때문이라고 하더군요.

저같은 경우는. 메모장 게시판 하단에 플래너XE 위젯을 삽입하여서 그런 경우가 발생했습니다.

저와 비슷한 경우로 고생하시는 분들에게 도움이 될까하여 제가 겪었던 과정을 설명드리겠습니다.

먼저. css스타일을 아무리 수정해도 변경이 되지 않아 html파일을 하나하나 살펴 보다가 실마리를 찾았습니다.

첫번째 list.html

list.html에서 스킨 스타일이 메모일 경우 _style.memo.html을 불러옵니다
이렇게... <!--#include("./_style.memo.html")-->

두번째 _style.memo.html

_style.memo.html에서 메모글이 있을 경우 view_memo.html을 불러옵니다.
이렇게... <!--#include("./view_memo.html")-->

그런데 이 곳에 회색줄의 정체가 숨어 있었답니다.

그것은 바로. 불러오는 view_memo.html을 감싸고 있는 <div class="viewDocument"> 때문이었습니다.
div를 제거하거나, class를 지우거나, div style을 border:0px으로 하면 회색줄이 없어집니다.

문제는 해결되었지만 궁금한게 생기더군요. 세진보드 스타일에는 viewDocument 속성이 없는데,
viewDocument 속성은 어디에서 오는 것일까요?

두둥!

세진님 댓글 덕분에 찾을 수 있었는데,

제가 메모장 게시판 하단에 플래너XE 위젯을 삽입하여 사용하고 있다는 것을 전혀 고려하지 않았다는 것입니다.

원인을 알았으니 해결책은 비교적 찾기가 쉬웠습니다.

플래너 위젯의 css/common.css에
.viewDocument { border-bottom:2px solid #AAAAAA; margin-bottom:20px; }
드디어. 그렇게나 속을 썩이던 2px 회색줄의 정체가 밝혀졌습니다.

그래서. 세진님께 건의 하나 드리겠습니다.

세진보드를 다양한 레이아웃이나 위젯과 함께 사용하시는 분들이 많을텐데...
다음 버전업때는 메모장에 viewDocument 지정을 하지 않는게 어떨런지요?
다른 스킨 스타일에서는 그러지 않는데 유독 메모장 스킨에만 viewDocument가 지정되어 있거든요.

div를 없애도 되는 것을 보면 그게 특별한 기능을 하는 것 같지도 않구요.

viewDocument는 비교적 흔한 이름이기때문에 다른 레이아웃이나 위젯에서 사용할 경우

저처럼 엉뚱한 곳에서 헤매는 사람이 또 있을 수 있잖아요. 히힛^^

세진보드 메모장을 약간 수정해 보았습니다.

저는 메모장을 게시판 하단에 있는 플래너 계획에 따라서 일자별 참석자, 특이사항, 의견을 서로 확인하기 위한 용도로 사용하려고 합니다.