이전 목록 다음
채택완료

html footer 질문입니다

Lappy
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2020-03-07 (토) 20:23:09 2,123

모바일로 화면을 보았을때,footer가 페이지가 긴 페이지는 바닥에 붙어있는데 페이지 길이가 짧으면 중간에 푸터가 있고 밑에는 쭉~ 비는데, 푸터를 바닥에 붙일수 있는 코드가 있을까요?

footer
|

답변 2개 / 댓글 2개

채택된 답변
+20 포인트
균균이
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2020-03-08 (일) 08:12:09

footer 위쪽에 content를 담는 div가 있다면 해당 div의 스타일에다 min-height:800px; 처럼 설정

foot를 포함하는 div로 되어잇다면 foot를 감싸고 있는 div에다 min-height를 주면 됩니다

답변에 대한 댓글 2개

Lappy
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2020-03-08 (일) 18:35:49
min-height:800px; 를 디브안에 주어도 모바일 상으로 볼때는 푸터가 화면 중간에 있고 그밑으론 뻥 비어있는데 왜 이런걸꺼요?
균이
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2020-03-08 (일) 18:56:06
div구성이 어떻게 되어있는지 모르겟으나 아래처럼 해보세요
<div style='min-height:500px;'>
본문 내용

<div style='position:fixed; bottom:0;'>1234</div>
</div>
카카알주
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2020-03-07 (토) 22:43:58

어떤 CSS 또는 JS를 사용하시는지에 따라 코드가 다를수 있습니다.

질문 내용만으로는 원하시는 답을 찾으시기 힘드실 것 같습니다.

질문들 다시 등록하시는게 좋지 않을까요?

저도 초심자라... T.T

원하시는 답을 찾으시길 바랍니다.

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