게시판 내용 위에 푸더(footer) 디자인 올라가는 문제, 어떻게 하단에 고정하나요?
김홍일디자이너
8년 전
조회 7,662
홈페이지에 게시판을 달고 있습니다.
상단과 하단 코딩을 감사하게도 잘 넣었는데,
그누보드의 게시판 컨탠츠가 길어지면, 위와 같이 푸더가 '부웅' 뜨네요.
푸더 사이즈만 큼 하단이 늘어나서 잘 고정되어있으면 하는데... 어떻게 해야할까요?
게시판 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">http://saturdaysnap.com/g5/bbs/board.php?bo_table=reservation
댓글을 작성하려면 로그인이 필요합니다.
답변 4개
8년 전
푸터를 굳이 고정 시킬 필요는 없을 듯 합니다만, 우선 고정을 원하시면
</p><p>footer {</p><p> position:fixed;</p><p> bottom:0;</p><p> text-align:center;</p><p> font-family: 'Nanum Myeongjo';</p><p> width:100%;</p><p>}</p><p>
</p><p>/* 보드에 소스 추가 */</p><p>.board {margin-bottom:200px}</p><p>
이 정도로 처리 하시면 될 듯 합니다.
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인