테스트 사이트 - 개발 중인 베타 버전입니다

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

개똥이네버블 2년 전 조회 3,565

printThis사용중입니다.

 

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

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

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

답변 2개

채택된 답변
+20 포인트

답변에 대한 댓글 3개

개똥이네버블
2년 전
엑스엠엘님 덕분에 참고 하고 꼼수로 잘 넘겼습니다!!
감사합니다!!
엑스엠엘
2년 전
꼼수가 궁금하네요 ^^
개똥이네버블
2년 전
윗 글은 결국 페이지 마다 바닥글이 달리더라구요!!
그래서 본문은 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개

개똥이네버블
2년 전
컴아저씨닷컴님 답변 감사합니다!!

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

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

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

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

로그인