그누보드 적용 후 헤더, 푸터쪽 질문 드립니다.

그누보드 적용 후 헤더, 푸터쪽 질문 드립니다.

QA

그누보드 적용 후 헤더, 푸터쪽 질문 드립니다.

본문

1번 질문

 

홈페이지에 게시판이 필요해서 공지사항 페이지를 만든후에 중간에 게시판이 들어가도록 했습니다.

 

근데 게시판이 들어간 공지사항 페이지에 가면 홈페이지 자체의 footer가 잘려서 나오네요 ㅠ.ㅜ

 

홈페이지 자체 footer은 가로 width가 100%로 모니터 화면에 꽉차게 나오는데 게시판이 들어간

 

페이지만 좌우가 잘려서 나오네요 그거도 딱 게시판 가로 길이 만큼만 나오고 그 외 부분은 잘립니다

 

css쪽 문제같은데...어디를 수정해야 할까요 ㅠ.ㅜ

 

반응형 적용이 필요해서 별도 스킨을 쓰긴 했습니다.....근데 거의 기본 게시판과 다름 없어요

 

스킨의 style.css 를 아무리 살펴봐도 모르겠네요 ㅠ.ㅜ

 

 

 

2번 질문

 

이거도 css쪽 문제같은데 하단 footer 밑에 1cm? 정도의 공백이 생깁니다 ㅠ.ㅜ

 

 

 

 

3번 질문

 

이거도 마찬가지로 상단 메뉴바 밑으로 5~7cm정도의 간격이 생긴뒤에 게시판이 나오네요.....

 

어디를 수정해야 하는 걸까요.....

이 질문에 댓글 쓰기 :

답변 5

URL 좌표 공개 후, 문제되는 부분 영역 캡쳐해서 올려보세요.

우선 이미지 첨부했습니다.... 스킨쪽 css, 그누보드의 css 다봤는데도 모르겠네요.....
그누보드 페이지에 들어가면 그누보드 하단 footer는 width 100%로 잘나와서...그누보드 쪽은 아닌가 싶다가.....스킨 없이 기본으로 테스트했는데 그래도 잘리니....그누보드나 스킨 둘다 아니면...어느쪽인지 도저히 감이 안오네요 ㅠ.ㅜ

f12번 누르시고 개발자 모드로 들어가신다음 원하는 항목선택하시면 CSS 어떤 내용인지 

CSS 파일의 몇 번째 줄인지 확인할 수 있습니다

thumb-2949060925_1578560563.3004_730x322.png

 

1. 이게 1번 문제입니다. 다른 페이지에선 footer이 width 100%로 다 보이는데 게시판 페이지만 가면 좌우가 잘려서 나오네요 ㅠ.ㅜ

아래 좌표 참고해 작업해 보세요.
https://homzzang.com/b/css-280

다만, 이 방법은 IE10이상만 가능하니,
HTML 레이아웃 파악해 재조정하시는 걸 권합니다.

일단은 홈페이지 각 레이아웃 테두리 보이고 설정 후
레이아웃 파악 작업을 해보세요.

thumb-2949060925_1578560650.1085_730x39.png

 

이게 2번 문제입니다.... 1cm 쯤? 밑에 부분과 간격이 존재합니다.....

부모요소 패딩이나 해당검은요소 마진값에 의한 것일 수 있겠네요.
아래 좌표 참조해 해당 요소에 영향 미치고 있는 css 파악해 보세요.
https://homzzang.com/b/css-251

thumb-2949060925_1578560691.6949_730x190.png

 

이게 3번 문제인데......검은 선이 상단 메뉴바고 중간에 5~7cm 쯤 간격이 생깁니다...

 

1,2,3 번 문제 모두 그누보드 css 쪽과 겹쳐서 그런거 같은데...

 

일단 스킨에 style.css를 삭제하고 테스트했는데 동일하구요...그럼 스킨쪽이 아니라 상위에

 

그누보드 쪽인데 도대체 어딘지 찾질 못하겠네요 ㅠ.ㅜ

앞서 알려드린 url 좌표 참고해 영향을 밎치는 CSS 파익 해보세요.
선택자에 대한 공부가 좀 필요해 보입니다.
요소에 영향을 미치는 css에 관해서 공부하면 영향 안 받게 코딩 작업 가능합니다.
https://homzzang.com/b/css?sca=selector

답변을 작성하시기 전에 로그인 해주세요.
전체 3

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT