게시판 내용 위에 푸더(footer) 디자인 올라가는 문제, 어떻게 하단에 고정하나요?
본문
홈페이지에 게시판을 달고 있습니다.
상단과 하단 코딩을 감사하게도 잘 넣었는데,
그누보드의 게시판 컨탠츠가 길어지면, 위와 같이 푸더가 '부웅' 뜨네요.
푸더 사이즈만 큼 하단이 늘어나서 잘 고정되어있으면 하는데... 어떻게 해야할까요?
게시판 css 코드입니다
.board{
position:relative;
left:50%;
margin-left:-35%;
width:70%;
top:150px;
}
푸더 css 코드입니다.
footer {
position:absolute;
bottom:0;
text-align:center;
font-family: 'Nanum Myeongjo';
width:100%;
}
해당페이지 링크입니다.
http://saturdaysnap.com/g5/bbs/board.php?bo_table=reservation
답변 4
푸터를 굳이 고정 시킬 필요는 없을 듯 합니다만, 우선 고정을 원하시면
footer {
position:fixed;
bottom:0;
text-align:center;
font-family: 'Nanum Myeongjo';
width:100%;
}
/* 보드에 소스 추가 */
.board {margin-bottom:200px}
이 정도로 처리 하시면 될 듯 합니다.
마진 넣고 :)
footer 포지션을 지우니깐 해결 되었습니다.
감사합니다.
오랜만에 들어오네요 ㅎ
포인트를 쌓기위해 ㅠㅠ
답변을 작성하시기 전에 로그인 해주세요.