Putting info at end of page

Posted on 2007-10-03
Last Modified: 2010-04-09
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?
Question by:mte01
    LVL 1

    Accepted 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.
    LVL 3

    Author Comment


     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
    LVL 3

    Author Comment

    So is that possible?
    LVL 3

    Author Comment

    I used solution than putting this at end of page; techbots' solution is useful only if u have contents of a single page

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    Looking for New Ways to Advertise?

    Engage with tech pros in our community with native advertising, as a Vendor Expert, and more.

    Things That Drive Us Nuts Have you noticed the use of the reCaptcha feature at EE and other web sites?  It wants you to read and retype something that looks like this.Insanity!  It's not EE's fault - that's just the way reCaptcha works.  But it is …
    Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
    In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
    The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

    779 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    9 Experts available now in Live!

    Get 1:1 Help Now