printThis 사용중 웹 프린트시 페이지 하단 고정글
본문
printThis사용중입니다.
저 박스 친 객체를 어떤 페이지에서든 하단에 고정하고 싶은데 방법이 있을까요??
설명이 부족한부분은 댓글 남겨주시면 꼬박꼬박 달아보겠습니다!!
답변 2
https://stackoverflow.com/questions/14088745/header-and-footer-in-each-page-in-print-mode-with-css
참고하세요
엑스엠엘님 덕분에 참고 하고 꼼수로 잘 넘겼습니다!!
감사합니다!!
꼼수가 궁금하네요 ^^
윗 글은 결국 페이지 마다 바닥글이 달리더라구요!!
그래서 본문은 z-index로 노출순위를 주고 바닥글은 z-index:-로 줘서 무조건 뒤편으로 보냈고 본문 에 백그라운드 흰색을 줘서 무조건 마지막 장에만 바닥글이 나오게 했습니다!!
링크 안 주셨다면...아직도 해멜듯 했습니다..
<!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페이지든 두번째페이지로 넘어갔든 그때에 저기 박스친 객체가 무조건 하단에 고정되는 작업을 원하고 있습니다.ㅠㅠ