이전 목록 다음
채택완료

printThis 사용중 웹 프린트시 페이지 하단 고정글

개똥이네버블
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2023-03-23 (목) 14:45:20 4,243

printThis사용중입니다.

저 박스 친 객체를 어떤 페이지에서든 하단에 고정하고 싶은데 방법이 있을까요??

설명이 부족한부분은 댓글 남겨주시면 꼬박꼬박 달아보겠습니다!!

1028697555_1679550293.4201.jpg

printthis 제이쿼리 css html 프린트
|

답변 2개 / 댓글 4개

채택된 답변
+20 포인트
엑엑스엠엘
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2023-03-24 (금) 04:50:03

https://stackoverflow.com/questions/14088745/header-and-footer-in-each-page-in-print-mode-with-css

참고하세요

답변에 대한 댓글 3개

개똥이네버블
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2023-03-24 (금) 11:52:26
엑스엠엘님 덕분에 참고 하고 꼼수로 잘 넘겼습니다!!
감사합니다!!
엑스엠엘
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2023-03-24 (금) 15:57:19
꼼수가 궁금하네요 ^^
개똥이네버블
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2023-03-27 (월) 11:42:53
윗 글은 결국 페이지 마다 바닥글이 달리더라구요!!
그래서 본문은 z-index로 노출순위를 주고 바닥글은 z-index:-로 줘서 무조건 뒤편으로 보냈고 본문 에 백그라운드 흰색을 줘서 무조건 마지막 장에만 바닥글이 나오게 했습니다!!

링크 안 주셨다면...아직도 해멜듯 했습니다..
컴아저씨닷컴
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2023-03-23 (목) 14:49:55

<!DOCTYPE html>
<html>
<head>
    <title>고정 객체 페이지</title>
    <style>
        .fixed-object {
            position: fixed;
            bottom: 0;
            background-color: #ccc;
            padding: 10px;
            width: 100%;
            text-align: center;
        }
    </style>
</head>
<body>
    <!-- 페이지 내용 -->
    <h1>페이지 내용</h1>
    <p>페이지 내용을 작성합니다.</p>
    
    <!-- 고정 객체 -->
    <div class="fixed-object">
        <p>이 객체는 페이지 하단에 고정됩니다.</p>
    </div>
</body>
</html>

답변에 대한 댓글 1개

개똥이네버블
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2023-03-23 (목) 14:59:06
컴아저씨닷컴님 답변 감사합니다!!

하지만 제가 하고자 하는 작업은 웹페이지의 서의 고정작업이 아닌

그림처럼 프린트 할때에 페이지가 1페이지든 두번째페이지로 넘어갔든 그때에 저기 박스친 객체가 무조건 하단에 고정되는 작업을 원하고 있습니다.ㅠㅠ

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