Hi
Below is the code to get a fixed footer in print
Working smoothly in pdf too
tested on V15
Thanks and regards
Hemanth
Half the courtesy of the code goes to chatgpt
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body {
margin: 0;
display: flex;
flex-direction: column;
min-height: 100vh;
}
footer {
position: fixed;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 100%;
height: 40px; /* Height of the footer */
display: flex;
justify-content: space-between;
align-items: center;
background: #d0d0d0; /* Slightly darker grey background color */
padding: 10px;
}
/* Adjust the styles as needed */
.left-align {
text-align: left;
}
.center-align {
text-align: center;
}
.right-align {
text-align: right;
}
</style>
<footer>
<div class="left-align">Ph:phone no</div>
<div class="center-align">website</div>
<div class="right-align">email-id</div>
</footer>