스킨을 바꿨더니 오른쪽 메뉴가 뚝 떨어지더라 하는 분들을 위한 팁

답덧글 기능이 추가되면서 난감한 증상을 보이는 스킨이 간혹 있습니다.
그냥 볼 때는 멀쩡한데 답덧글만 보였다 하면 오른쪽 메뉴가 아래로 뚝- 떨어지는 현상이죠.

원인은 대개 이글루스에서 지원하는 답덧글의 크기 때문입니다.

이글루스에서는 답덧글 기능을 추가하면서 모든 답덧글의 길이를 일률적으로 지정해줬습니다.

div.reply_body { margin-left: 20px !important; padding-right:10px; width:95% !important; }

설명하자면, 답덧글은

1. 덧글보다 안쪽으로 20px 만큼 들어가게
2. 오른쪽 끝에 10px만큼 여백을 주고
3. 가로 길이가 덧글의 95%가 되게

지정해놓은 것입니다.

그러면 여기서 문제가 되는 것이, 20px + 95% + 10px > 덧글 너비 인 경우입니다.

가령 포스트+메뉴 합쳐 690px이고 포스트 490px에 메뉴 200px인 스킨을 생각해봅시다.
덧글 크기도 490px라고 해보죠.

이 경우 답덧글은 앞여백 20px + 490*0.95 + 10px = 495.5px. 490px 보다 큽니다.
그러니까 이렇게 되는 것입니다.

그럼 어떻게 하느냐.

이글루스에서 지정해준 답덧글의 크기는 개인이 자기 스킨에 맞게 수정할 수 있습니다.
스킨의 css 란에 들어가서 아래 상자와 같이 추가해주면 됩니다.

div.reply_body { width : 90% !important; }

만약 안 먹히면

#content div.post div.comment div.reply_body { width : 90% !important; }

라고 좀더 길게.

90%라고 쓴 건 물론 임의의 값입니다. 스킨에 따라 94%라고 해도 되고 아예 픽셀값 500px 이런 식으로 지정해줘도 됩니다.
!important는 '시스템에서 뭐라고 지정하건 무시하고 내가 지정한 값을 최우선으로 적용해라' 라는 뜻으로서 꼭 필요하니 생략하지 마세요.

스킨은 좋은데 답덧글만 보였다 하면 메뉴란이 뚝 떨어져서 고민인 분께 도움이 되었으면 합니다. 그럼 ^^

※ 둘다 해봐도 안된다는 분에게 :

스킨에 이미 reply_body 라고 적힌 부분이 들어 있는지 찾아보세요. 

들어있다면 저 박스 속 내용을 따로 복사해 붙이지 마시고,

기존에 있는 reply_body 의 width 값을 수정해주시면 됩니다.