게시판 리스트 페이지 하단에 빈공간이 있습니다
관련링크
본문
웹페이지 메인 메뉴를 게시판 카테고리로 설정 했습니다
전체 게시판 리스트를 보면 게시판 밑에 하단(footer) 내용이 바로 나오는데
카테고리별 리스트 에서는 리스트 밑에 빈 공간이 있고 그 밑에
하단(footer) 내용이 따라나옵니다
카테고리별 리스트 에서 리스트 밑 빈 영역을 삭제 할 수 있을까요?
답변 4
＊카타고리 클래스가 category-list 라는 가정하에 예시를 들자면,
- 문제 발생 가능성 높은 CSS 코드 예시
.category-list {
min-height: 500px; /* 리스트 내용이 적어도 최소 높이가 500px로 유지됨 */
margin-bottom: 50px; /* 푸터와의 간격이 생김 */
}
.category-list {
min-height: auto !important;
margin-bottom: 0px !important;
}
- 리스트를 감싸는 특정 클래스(.category-list, .board-list 등)가 무엇인지 파악하셔,
특정 카테고리 클래스의 margin-bottom 또는 padding-bottom 값을 수정하세요.
<div class="contents_wrap" id="contents_wrap" style="padding-top: 121px;">
이 탭을 찾아 수정
<div class="contents_wrap" id="contents_wrap" style="padding-top: 121px; margin-bottom: 0; padding-bottom: 0;">
아니면 /theme/rb.basic/rb.css/custom.css에 추가/수정
#contents_wrap {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
만약 #contents_wrap 요소에 margin-bottom: 0;을 적용했는데도 여백이 남아 있다면,
부모 요소나 다음 요소의 margin-top이 겹쳐 있는지 확인하세요.
이 경우 부모 요소 또는 하위 요소에도 같은 규칙을 적용해야 합니다.
.parent-class, #contents_wrap, .next-element {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
※ 스타일을 염두하시기 전에, 마크업이 잘못되어 엉망입니다!
#contents_wrap {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.parent-class, #contents_wrap, .next-element {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
확인해 보니 이렇군요? 윗 부분(ID)은 지우세요.
※ 그리고 아래 코드만 시트의 마지막으로 옮기세요.
.parent-class, #contents_wrap, .next-element {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
*.parent-class*와 *.next-element*는 실제 클래스명이 아니고 실제 HTML 구조에 따라 다릅니다.
제일 밑으로 옮겼는데 똑같습니다...
마크업이 깨질 경우, CSS 선택자(target)가 올바르게 동작하지 않을 수 있습니다.
우선은 마크업부터 정리하세요, 엉망입니다!
*.parent-class*와 *.next-element*는 실제 클래스명이 아니고 실제 HTML 구조에 따른
실사용 중인 부모,자식 요소 클래스나 아이디입니다.
※ 올바른 마크업을 유지하면 선택자가 정확하게 동작하며 스타일도 문제없이 적용됩니다.
위 질문의 잘못된점은 문제가 있는 위치를 답변자가 명확하게 찾을수 없습니다.
여백이란게 원래의 여백이 있는데 질문자의 여백은 명확하지가 않음.
질문글을 다시 작성하시고 카테고리별 리스트를 캡쳐하거나 명확하게 의도하고 싶으신 내용을 기재해주세요.
// 수정
이 부분 같은데 페이징 부터 꼬여있습니다.
이건 문법이 제대로 되어있지 않고 닫기가 누락되었을 가능성이 있습니다.
해당 페이지를 소거법으로 라인을 줄여가면서 채크하는 수밖에 없어요.
추가로 유력한건
해당 섹션에서
min-height 를 조정해보세요.
min-height 가 어느 파일에 있을까요....?
위치만 부탁 드립니다
카테고리별로 보면 위 이미지 처럼 빈공간이 나옵니다
하지만
전체 게시판 리스트에서는 위 이미지 처럼 빈공간이 없습니다. 카테고리별 리스트에서 보이는 빈공간을 삭제 할 수 있나요?
리빌더면 전체목록보이기 사용 하기 체크 해보시고
기본 빌더 게시판으로 설정 후에도 그런지 확인해보세요~
전체목록 보이기 사용해도 똑같네욤...
