답변 4개
＊카타고리 클래스가 category-list 라는 가정하에 예시를 들자면,
- 문제 발생 가능성 높은 CSS 코드 예시
.category-list {
min-height: 500px; /* 리스트 내용이 적어도 최소 높이가 500px로 유지됨 */
margin-bottom: 50px; /* 푸터와의 간격이 생김 */
}
</p>
<p>.category-list {
min-height: auto !important;
margin-bottom: 0px !important;
}</p>
<p>- 리스트를 감싸는 특정 클래스(.category-list, .board-list 등)가 무엇인지 파악하셔,
특정 카테고리 클래스의 margin-bottom 또는 padding-bottom 값을 수정하세요.
답변에 대한 댓글 4개
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.parent-class, #contents_wrap, .next-element {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
확인해 보니 이렇군요? 윗 부분(ID)은 지우세요.
※ 그리고 아래 코드만 시트의 마지막으로 옮기세요.[code]
.parent-class, #contents_wrap, .next-element {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
[/code]
*.parent-class*와 *.next-element*는 실제 클래스명이 아니고 실제 HTML 구조에 따라 다릅니다.
우선은 마크업부터 정리하세요, 엉망입니다!
*.parent-class*와 *.next-element*는 실제 클래스명이 아니고 실제 HTML 구조에 따른
실사용 중인 부모,자식 요소 클래스나 아이디입니다.
※ 올바른 마크업을 유지하면 선택자가 정확하게 동작하며 스타일도 문제없이 적용됩니다.
댓글을 작성하려면 로그인이 필요합니다.
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
카테고리별로 보면 위 이미지 처럼 빈공간이 나옵니다
하지만
전체 게시판 리스트에서는 위 이미지 처럼 빈공간이 없습니다. 카테고리별 리스트에서 보이는 빈공간을 삭제 할 수 있나요?
댓글을 작성하려면 로그인이 필요합니다.
위 질문의 잘못된점은 문제가 있는 위치를 답변자가 명확하게 찾을수 없습니다.
여백이란게 원래의 여백이 있는데 질문자의 여백은 명확하지가 않음.
질문글을 다시 작성하시고 카테고리별 리스트를 캡쳐하거나 명확하게 의도하고 싶으신 내용을 기재해주세요.
// 수정
http://sir.kr/data/editor/2502/1982090719_1740028313.8634.png" width="100%" />
이 부분 같은데 페이징 부터 꼬여있습니다.
이건 문법이 제대로 되어있지 않고 닫기가 누락되었을 가능성이 있습니다.
해당 페이지를 소거법으로 라인을 줄여가면서 채크하는 수밖에 없어요.
추가로 유력한건
http://sir.kr/data/editor/2502/1982090719_1740028417.837.png" width="275" />
해당 섹션에서
http://sir.kr/data/editor/2502/1982090719_1740028433.3208.png" width="174" />
min-height 를 조정해보세요.
답변에 대한 댓글 2개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
이 탭을 찾아 수정[code]
<div class="contents_wrap" id="contents_wrap" style="padding-top: 121px; margin-bottom: 0; padding-bottom: 0;">
[/code]
아니면 /theme/rb.basic/rb.css/custom.css에 추가/수정 [code]
#contents_wrap {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
[/code]
만약 #contents_wrap 요소에 margin-bottom: 0;을 적용했는데도 여백이 남아 있다면,
부모 요소나 다음 요소의 margin-top이 겹쳐 있는지 확인하세요.
이 경우 부모 요소 또는 하위 요소에도 같은 규칙을 적용해야 합니다.[code]
.parent-class, #contents_wrap, .next-element {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
[/code]
※ 스타일을 염두하시기 전에, 마크업이 잘못되어 엉망입니다!