[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 147
  • Last Modified:

Putting info at end of page

Hey experts,

  I want to put a small legend (3 lines in a box), at the end of a web page; note that I need at the end of page 1 - it's being printed as A4 landscape; any idea on how to do that in html?
  • 3
1 Solution
I would use CSS to create a footer within your body.

Your styles would look something like:

body {
width: 300px;   /* use whatever dimensions you need to fit on your paper
height: 500px;

#footer {
width: 300px;
height: 50px;
border: solid 1px #CCCCCC;
padding: 10px 10px;

Then your html would look something like:
<!-- page content -->
<div id="footer">
<!-- footer content -->
Line one<br>
Line two<br>
Line three

You'd have to make sure your body content didn't exceed the height of the page minus your footer height.
mte01Author Commented:

 Thanks for your helpful post! The body of the html can extend to two pages; I have no problem with that; I just need the footer to be at the bottom of page1
mte01Author Commented:
So is that possible?
mte01Author Commented:
I used solution than putting this at end of page; techbots' solution is useful only if u have contents of a single page

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now