게시판 내용 위에 푸더(footer) 디자인 올라가는 문제, 어떻게 하단에 고정하나요?

2017-10-07 (토) 19:33:29 8,002

e8a83156d56063b5616fa4fa1f8fdd8f_1507372222_2037.png

홈페이지에 게시판을 달고 있습니다.

상단과 하단 코딩을 감사하게도 잘 넣었는데,

그누보드의 게시판 컨탠츠가 길어지면, 위와 같이 푸더가 '부웅' 뜨네요.

푸더 사이즈만 큼 하단이 늘어나서 잘 고정되어있으면 하는데... 어떻게 해야할까요?

게시판 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개

2018-04-22 (일) 17:08:37

포인트를 쌓기위해 ㅠㅠ

2018-04-22 (일) 14:36:12

오랜만에 들어오네요 ㅎ 

2017-10-07 (토) 20:17:58

마진 넣고 :)

footer 포지션을 지우니깐 해결 되었습니다.

감사합니다.

2017-10-07 (토) 20:03:25

푸터를 굳이 고정 시킬 필요는 없을 듯 합니다만, 우선 고정을 원하시면

Copy
footer {    position:fixed;    bottom:0;    text-align:center;    font-family: 'Nanum Myeongjo';    width:100%;}/* 보드에 소스 추가 */.board {margin-bottom:200px}

이 정도로 처리 하시면 될 듯 합니다.

답변을 작성하려면 로그인이 필요합니다.