헤더, 푸터 문제 관련 질문입니다.

Question

그누보드5로 만들었고, 그누기반이 아닌 페이지의 소스를 그대로 가져와서 일부만 수정하여 페이지를 제작했습니다. 현재 메인 인덱스 페이지는 문제가 되지를 않는데, 다른 부분에서 문제가 생겨버립니다. 게시판이나, 갤러리등 인덱스가 아닌 다른페이지로 이동을 하게되면, 헤더와 푸터가 딱 붙는 문제가 발생합니다. 대표적으로 예를 들어 참고링크의 홈페이지 헤더 메뉴중 G갤러리 -> 풍경사진으로 들어가보면 문제가 딱 보이실겁니다. 어디를 수정해주면 될지 고수님들의 많은 조언 부탁드립니다.

port · Accepted Answer

제가 보기에는 일단은 css를 좀 정리를 먼저하시는게 우선일 것 같습니다.

기본적으로 css에 관련된 link 파일과 임베디드 css부분은 head 태그에 모두 모아서 정리하고

겹쳐서 이중으로 지정한 선택자나 스타일이 없는지 통일시키는게 필요해 보입니다.

현재 소스에서는 head태그 이외에도 body태그 곳곳에 link로 불러오는 스타일과 임베디드 css와 여러개 있어서 수정이나 차후 관리가 많이 불편해 보입니다.

백영진 · Answer

헤더부분의 position이 absolute로 되있어서 본문의 시작점이 헤더부분과 겹치는것 같습니다

본문영역에 margin-top값을 줘서 밑으로 내려주시면 될것 같습니다.

빨간망토의비밀 · Answer

css 로 조정하세요. padding-top으로 조정하니까 아래로 내려옵니다.^^

헤더, 푸터 문제 관련 질문입니다.

답변 3개

공유하기