footer를 화면 하단에 고정하려고 하는데 쉽지 않네요...
본문
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
링크 참고해서 문제 해결하였습니다. 감사합니다.^^
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%}
네, z-index라는 것을 알게 되었네요. 감사합니다.^^
