게시판 리스트 페이지 하단에 빈공간이 있습니다

Masterhwan마스터환

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2025-02-20 (목) 12:45:15 1,987

웹페이지 메인 메뉴를 게시판 카테고리로 설정 했습니다

전체 게시판 리스트를 보면 게시판 밑에 하단(footer) 내용이 바로 나오는데

카테고리별 리스트 에서는 리스트 밑에 빈 공간이 있고 그 밑에

하단(footer) 내용이 따라나옵니다

카테고리별 리스트 에서 리스트 밑 빈 영역을 삭제 할 수 있을까요?

그누보드5

답변 4개 / 댓글 7개

채택된 답변

+20 포인트

Glitter Gim

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2025-02-20 (목) 13:12:26

＊카타고리 클래스가 category-list 라는 가정하에 예시를 들자면,

- 문제 발생 가능성 높은 CSS 코드 예시

.category-list {
min-height: 500px; /* 리스트 내용이 적어도 최소 높이가 500px로 유지됨 */
margin-bottom: 50px; /* 푸터와의 간격이 생김 */
}

Copy

.category-list {
    min-height: auto !important;
    margin-bottom: 0px !important;
}

- 리스트를 감싸는 특정 클래스(.category-list, .board-list 등)가 무엇인지 파악하셔,

특정 카테고리 클래스의 margin-bottom 또는 padding-bottom 값을 수정하세요.

답변에 대한 댓글 4개

glitter0gim

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2025-02-20 (목) 16:46:27

<div class="contents_wrap" id="contents_wrap" style="padding-top: 121px;">
이 탭을 찾아 수정[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]
※ 스타일을 염두하시기 전에, 마크업이 잘못되어 엉망입니다!

glitter0gim

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2025-02-20 (목) 17:14:00

#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)은 지우세요.

※ 그리고 아래 코드만 시트의 마지막으로 옮기세요.[code]
.parent-class, #contents_wrap, .next-element {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
[/code]
*.parent-class*와 *.next-element*는 실제 클래스명이 아니고 실제 HTML 구조에 따라 다릅니다.

Masterhwan마스터환

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2025-02-20 (목) 17:25:07

제일 밑으로 옮겼는데 똑같습니다...

glitter0gim

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2025-02-20 (목) 17:30:13

마크업이 깨질 경우, CSS 선택자(target)가 올바르게 동작하지 않을 수 있습니다.
우선은 마크업부터 정리하세요, 엉망입니다!

*.parent-class*와 *.next-element*는 실제 클래스명이 아니고 실제 HTML 구조에 따른
실사용 중인 부모,자식 요소 클래스나 아이디입니다.

※ 올바른 마크업을 유지하면 선택자가 정확하게 동작하며 스타일도 문제없이 적용됩니다.