Make Text appear at bottom

[RosieGp]

How can I make the text appear at left bottom...
I have 3 taGS RETURNING DATA FROM sql:
<p> #TOC# </p>
<p> BUSINESS POLICY TRADEMARK REGULATIONS. </p>
<p> #Qry.USERSIGN# </p>



I want the text from this tag to appear one after other at left bottom:
For example:

This is basic algebra lesson.
BUSINESS POLICY TRADEMARK REGULATIONS.
Smith

How to do that? Any advise is appreciated.

[harrierdh]

Again, a little CSS would solve your problem. Google on "Sticky Footer".

[RosieGp]

ok I was trying to implement Ryan Fait's solution here is my code:

Code: Select all

<style>
   * {
   margin: 0;
   }
   html, body {
   height: 100%;
   }
   .wrapper {
   min-height: 100%;
   height: auto !important;
   height: 100%;
   margin: 0 auto -4em; /* the bottom margin is the negative value of the footer's height */
   }
   .footer, .push {
   height: 4em; /* .push must be the same height as .footer */
   }
   
</style>

<cfoutput>
   <div class="wrapper">
       <p>URL CONTENTS</p>
   <div class="push"></div>
   </div>
   <div class="footer">
       <p>#qrythis.sytem_admin#</p>
   </div>
</cfoutput>

Why is this not working for me???