footer를 화면 하단에 고정하려고 하는데 쉽지 않네요... 채택완료
곤주완자
7년 전
조회 3,958


footer를 화면 하단에 고정하기 위해서 theme/basic/css/default.css를 수정하였습니다.
#ft {border-top:1px solid #d5d5d5;background:#fff;padding-bottom:10px;margin:0 auto;text-align:center;position:fixed;bottom:0;width:100%}
빨간색 글씨는 수정한 부분입니다.
relative를 fixed로 수정했습니다.
초록색 글씨는 추가한 부분입니다.
bottom:0 그리고 width:100%를 추가하였습니다.
이렇게 하니까 화면 하단에 footer가 고정되고, 가로로 가득 차게 나옵니다.
position:fixed(또는 absolute);bottom:0 으로 하면 footer가 화면 절반 크기로 왼쪽 정렬되어 width:100%를 추가한 것입니다.
그런데 화면 크기를 줄여서 보니까 게시판은 footer 위로 올라오고, 로그인 창과 접속자 통계가 나오는 부분은 footer 아래로 내려갑니다.
footer가 항상 최상위에 있도록 하고 싶은데 조언 부탁드립니다.
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
답변에 대한 댓글 1개
�
곤주완자
7년 전
링크 참고해서 문제 해결하였습니다. 감사합니다.^^
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인