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개 / 댓글 2개
채택된 답변
+20 포인트
sinbi이 녀석을 공부해 보세요.
답변에 대한 댓글 1개
2018-11-22 (목) 20:56:46
z-index 값을 추가해보세요.
#ft {z-index:9999;border-top:1px solid #d5d5d5;background:#fff;padding-bottom:10px;margin:0 auto;text-align:center;position:fixed;bottom:0;width:100%}
답변에 대한 댓글 1개
답변을 작성하려면 로그인이 필요합니다.