Printing Page Footers - Teh Forum

<body> <div id="header"> <span class="left"> <span class="back"><a href="lthread_list.php?webtag=DEFAULT"><span class="image mobile_back" title="Back"></span></a></span> <span class="image mobile_logo" title="Beehive Forum Logo"></span> </span> <ul> <li> <a class="reply_all" href="lpost.php?webtag=DEFAULT&reply_to=31842.0&return_msg=31842.1"> <span class="image mobile_reply_all"></span><span class="text">Reply to All</span> </a> </li> <li> <a class="navigation" href="#"> <span class="image mobile_navigation"></span><span class="text">Show messages</span> </a> </li> <li> <a class="main" href="#"><span class="image mobile_menu" title="Menu"></span> </a> </li> </ul> </div> <div class="menu main"> <ul> <li><a href="lthread_list.php?webtag=DEFAULT">Messages</a></li> <li><a href="lpm.php?webtag=DEFAULT">Inbox</a></li> <li><a href="lsearch.php?webtag=DEFAULT">Search</a></li> <li><a href="llogon.php?webtag=DEFAULT">Login</a></li> </ul> </div> <div class="menu navigation"><a href="lmessages.php?webtag=DEFAULT&msg=31842.1">1–2</a></div> <div id="page_content"> <h3 class="thread_title"><a href="index.php?webtag=DEFAULT&amp;msg=31842.1">Printing Page Footers</a> </h3> <div id="messages" data-navigation="31842_1_2_10"> <a name="a31842_1"></a><div class="message" id="message_31842_1"> <div class="message_header"> <div class="message_from"> From: Peter (BOUGHTONP)<span class="message_time"> 9 Feb 2007 12:39</span> <div class="clearer"></div> </div><div class="message_to">To: ALL<span class="message_count">1 of 2</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=31842.1">31842.1</a></div> <div class="message_body"> I'm doing some stuff that involves printing pages of HTML letters.<br /> <br /> It all works wonderfully, except for the footers, which are all being lumped onto the bottom of the first page only.<br /> <br /> There's probably a really simple way to fix this, but I think I'm falling asleep now because I can't figure it out, so I figured I'll ask here and hope someone else might be willing to have a go at fixing it.<br /> <br /> Here's some sample code:<br /> <br /> <div class="quotetext" id="code-HTML"><b>HTML code:</b></div><pre class="code"><span style="color: #00bbdd;"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"></span> <span style="color: #009900;"><a target="_blank" href="http://december.com/html/4/element/html.html"><span style="color: #000000; font-weight: bold;"><html</span></a> xmlns=<span style="color: #ff0000;">"http://www.w3.org/1999/xhtml"</span><span style="color: #000000; font-weight: bold;">></span></a></span><span style="color: #009900;"><a target="_blank" href="http://december.com/html/4/element/head.html"><span style="color: #000000; font-weight: bold;"><head></span></a></span> <span style="color: #009900;"><a target="_blank" href="http://december.com/html/4/element/style.html"><span style="color: #000000; font-weight: bold;"><style</span></a> <span style="color: #000066;">type</span>=<span style="color: #ff0000;">"text/css"</span><span style="color: #000000; font-weight: bold;">></span></a></span> html, body {width: 100%; height: 100%; margin: 0px; font-size: 11pt;} * {font-family: Helvetica;} #page { display: block; width: 205mm; height: 292mm; position: relative; } <span style="color: #009900;"><span style="color: #000000; font-weight: bold;"></style></span></span> <span style="color: #009900;"><span style="color: #000000; font-weight: bold;"></head></span></span> <span style="color: #009900;"><a target="_blank" href="http://december.com/html/4/element/body.html"><span style="color: #000000; font-weight: bold;"><body></span></a></span> <span style="color: #009900;"><a target="_blank" href="http://december.com/html/4/element/div.html"><span style="color: #000000; font-weight: bold;"><div</span></a> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">"page18"</span><span style="color: #000000; font-weight: bold;">></span></a></span> [content 18] <span style="color: #009900;"><a target="_blank" href="http://december.com/html/4/element/div.html"><span style="color: #000000; font-weight: bold;"><div</span></a> <span style="color: #000066;">style</span>=<span style="color: #ff0000;">"position: absolute; left: 13mm; bottom: 0mm; width: 55mm; font-size: 5pt; font-family: Helvetica;"</span><span style="color: #000000; font-weight: bold;">></span></a></span>[company info]<span style="color: #009900;"><span style="color: #000000; font-weight: bold;"></div></span></span> <span style="color: #009900;"><a target="_blank" href="http://december.com/html/4/element/div.html"><span style="color: #000000; font-weight: bold;"><div</span></a> <span style="color: #000066;">style</span>=<span style="color: #ff0000;">"position: absolute; right: 6mm; bottom: 0mm; width: 75mm; font-size: 5pt; font-family: Helvetica;"</span><span style="color: #000000; font-weight: bold;">></span></a></span>[fsa info]<span style="color: #009900;"><span style="color: #000000; font-weight: bold;"></div></span></span> <span style="color: #009900;"><span style="color: #000000; font-weight: bold;"></div></span></span> <span style="color: #009900;"><a target="_blank" href="http://december.com/html/4/element/br.html"><span style="color: #000000; font-weight: bold;"><br</span></a> <span style="color: #000066;">style</span>=<span style="color: #ff0000;">"height: 1px; line-height: 1px; float: none; clear: both; page-break-after: always;"</span>/<span style="color: #000000; font-weight: bold;">></span></a></span> <span style="color: #009900;"><a target="_blank" href="http://december.com/html/4/element/div.html"><span style="color: #000000; font-weight: bold;"><div</span></a> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">"page19"</span><span style="color: #000000; font-weight: bold;">></span></a></span> [content 19] <span style="color: #009900;"><a target="_blank" href="http://december.com/html/4/element/div.html"><span style="color: #000000; font-weight: bold;"><div</span></a> <span style="color: #000066;">style</span>=<span style="color: #ff0000;">"position: absolute; left: 13mm; bottom: 0mm; width: 55mm; font-size: 5pt; font-family: Helvetica;"</span><span style="color: #000000; font-weight: bold;">></span></a></span>[company info]<span style="color: #009900;"><span style="color: #000000; font-weight: bold;"></div></span></span> <span style="color: #009900;"><a target="_blank" href="http://december.com/html/4/element/div.html"><span style="color: #000000; font-weight: bold;"><div</span></a> <span style="color: #000066;">style</span>=<span style="color: #ff0000;">"position: absolute; right: 6mm; bottom: 0mm; width: 75mm; font-size: 5pt; font-family: Helvetica;"</span><span style="color: #000000; font-weight: bold;">></span></a></span>[fsa info]<span style="color: #009900;"><span style="color: #000000; font-weight: bold;"></div></span></span> <span style="color: #009900;"><span style="color: #000000; font-weight: bold;"></div></span></span> <span style="color: #009900;"><a target="_blank" href="http://december.com/html/4/element/br.html"><span style="color: #000000; font-weight: bold;"><br</span></a> <span style="color: #000066;">style</span>=<span style="color: #ff0000;">"height: 1px; line-height: 1px; float: none; clear: both; page-break-after: always;"</span>/<span style="color: #000000; font-weight: bold;">></span></a></span> <span style="color: #009900;"><a target="_blank" href="http://december.com/html/4/element/div.html"><span style="color: #000000; font-weight: bold;"><div</span></a> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">"page20"</span><span style="color: #000000; font-weight: bold;">></span></a></span> [content 20] <span style="color: #009900;"><a target="_blank" href="http://december.com/html/4/element/div.html"><span style="color: #000000; font-weight: bold;"><div</span></a> <span style="color: #000066;">style</span>=<span style="color: #ff0000;">"position: absolute; left: 13mm; bottom: 0mm; width: 55mm; font-size: 5pt; font-family: Helvetica;"</span><span style="color: #000000; font-weight: bold;">></span></a></span>[company info]<span style="color: #009900;"><span style="color: #000000; font-weight: bold;"></div></span></span> <span style="color: #009900;"><a target="_blank" href="http://december.com/html/4/element/div.html"><span style="color: #000000; font-weight: bold;"><div</span></a> <span style="color: #000066;">style</span>=<span style="color: #ff0000;">"position: absolute; right: 6mm; bottom: 0mm; width: 75mm; font-size: 5pt; font-family: Helvetica;"</span><span style="color: #000000; font-weight: bold;">></span></a></span>[fsa info]<span style="color: #009900;"><span style="color: #000000; font-weight: bold;"></div></span></span> <span style="color: #009900;"><span style="color: #000000; font-weight: bold;"></div></span></span> <span style="color: #009900;"><a target="_blank" href="http://december.com/html/4/element/br.html"><span style="color: #000000; font-weight: bold;"><br</span></a> <span style="color: #000066;">style</span>=<span style="color: #ff0000;">"height: 1px; line-height: 1px; float: none; clear: both; page-break-after: always;"</span>/<span style="color: #000000; font-weight: bold;">></span></a></span></pre><br /> <br /> Needs to work on IE's print preview, without any ActiveX shite.<br /> <small>(bonus points for getting it working with FF, but that isn't required)</small><br /> <br /> Feel free to suggest new markup for the footers, so long as it looks identical and is in identical positions.<br /> <br /> Thanks for any help. </div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=31842.1&return_msg=31842.1" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="31842.1"> <span class="rating">0/0</span> <span class="image vote vote_down vote_down_off" title="Vote Down"></span> <span class="image vote vote_up vote_up_off" title="Vote Up"></span> </div> </div> </div><a name="a31842_2"></a><div class="message" id="message_31842_2"> <div class="message_header"> <div class="message_from"> From: Peter (BOUGHTONP)<span class="message_time"> 9 Feb 2007 15:48</span> <div class="clearer"></div> </div><div class="message_to">To: ALL<span class="message_count">2 of 2</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=31842.2">31842.2</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=31842.1#a31842_1" target="_self">31842.1</a></div> <div class="message_body"> Okay, it was simple and I've fixed it.<br /> <br /> Fortunately, we /will/ be able to dictate the browser to the person(s) that'll be using this bit, and so I can simply use <tt>position: fixed;</tt> and it all works good.<br /> <br /> Here's the updated script for anyone interested:<br /> <div class="quotetext" id="code-HTML"><b>HTML code:</b></div><pre class="code"><span style="color: #00bbdd;"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"></span> <span style="color: #009900;"><a target="_blank" href="http://december.com/html/4/element/html.html"><span style="color: #000000; font-weight: bold;"><html</span></a> xmlns=<span style="color: #ff0000;">"http://www.w3.org/1999/xhtml"</span><span style="color: #000000; font-weight: bold;">></span></a></span><span style="color: #009900;"><a target="_blank" href="http://december.com/html/4/element/head.html"><span style="color: #000000; font-weight: bold;"><head></span></a></span> <span style="color: #009900;"><a target="_blank" href="http://december.com/html/4/element/style.html"><span style="color: #000000; font-weight: bold;"><style</span></a> <span style="color: #000066;">type</span>=<span style="color: #ff0000;">"text/css"</span><span style="color: #000000; font-weight: bold;">></span></a></span>   html, body {width: 100%; height: 100%; margin: 0px; font-size: 11pt;}   * {font-family: Helvetica;}   #page { display: block; width: 205mm; height: 292mm; position: relative; }   .company_info { position: fixed; left: 13mm; bottom: 0mm; width: 55mm; font-size: 5pt; font-family: Helvetica; }   .fsa_info { position: fixed; right: 6mm; bottom: 0mm; width: 75mm; font-size: 5pt; font-family: Helvetica; }   .pageBreak { height: 1px; line-height: 1px; float: none; clear: both; page-break-after: always; }   <span style="color: #009900;"><span style="color: #000000; font-weight: bold;"></style></span></span> <span style="color: #009900;"><span style="color: #000000; font-weight: bold;"></head></span></span> <span style="color: #009900;"><a target="_blank" href="http://december.com/html/4/element/body.html"><span style="color: #000000; font-weight: bold;"><body></span></a></span> <span style="color: #009900;"><a target="_blank" href="http://december.com/html/4/element/div.html"><span style="color: #000000; font-weight: bold;"><div</span></a> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">"page1"</span><span style="color: #000000; font-weight: bold;">></span></a></span> [content 1] <span style="color: #009900;"><a target="_blank" href="http://december.com/html/4/element/div.html"><span style="color: #000000; font-weight: bold;"><div</span></a> <span style="color: #000066;">class</span>=<span style="color: #ff0000;">"company_info"</span><span style="color: #000000; font-weight: bold;">></span></a></span>[company info]<span style="color: #009900;"><span style="color: #000000; font-weight: bold;"></div></span></span> <span style="color: #009900;"><a target="_blank" href="http://december.com/html/4/element/div.html"><span style="color: #000000; font-weight: bold;"><div</span></a> <span style="color: #000066;">class</span>=<span style="color: #ff0000;">"fsa_info"</span><span style="color: #000000; font-weight: bold;">></span></a></span>[fsa info]<span style="color: #009900;"><span style="color: #000000; font-weight: bold;"></div></span></span> <span style="color: #009900;"><span style="color: #000000; font-weight: bold;"></div></span></span> <span style="color: #009900;"><a target="_blank" href="http://december.com/html/4/element/br.html"><span style="color: #000000; font-weight: bold;"><br</span></a> <span style="color: #000066;">class</span>=<span style="color: #ff0000;">"pageBreak"</span>/<span style="color: #000000; font-weight: bold;">></span></a></span>       <span style="color: #009900;"><a target="_blank" href="http://december.com/html/4/element/div.html"><span style="color: #000000; font-weight: bold;"><div</span></a> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">"page2"</span><span style="color: #000000; font-weight: bold;">></span></a></span> [content 2] <span style="color: #009900;"><a target="_blank" href="http://december.com/html/4/element/div.html"><span style="color: #000000; font-weight: bold;"><div</span></a> <span style="color: #000066;">class</span>=<span style="color: #ff0000;">"company_info"</span><span style="color: #000000; font-weight: bold;">></span></a></span>[company info]<span style="color: #009900;"><span style="color: #000000; font-weight: bold;"></div></span></span> <span style="color: #009900;"><a target="_blank" href="http://december.com/html/4/element/div.html"><span style="color: #000000; font-weight: bold;"><div</span></a> <span style="color: #000066;">class</span>=<span style="color: #ff0000;">"fsa_info"</span><span style="color: #000000; font-weight: bold;">></span></a></span>[fsa info]<span style="color: #009900;"><span style="color: #000000; font-weight: bold;"></div></span></span> <span style="color: #009900;"><span style="color: #000000; font-weight: bold;"></div></span></span> <span style="color: #009900;"><a target="_blank" href="http://december.com/html/4/element/br.html"><span style="color: #000000; font-weight: bold;"><br</span></a> <span style="color: #000066;">class</span>=<span style="color: #ff0000;">"pageBreak"</span>/<span style="color: #000000; font-weight: bold;">></span></a></span>       <span style="color: #009900;"><a target="_blank" href="http://december.com/html/4/element/div.html"><span style="color: #000000; font-weight: bold;"><div</span></a> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">"page3"</span><span style="color: #000000; font-weight: bold;">></span></a></span> [content 3] <span style="color: #009900;"><a target="_blank" href="http://december.com/html/4/element/div.html"><span style="color: #000000; font-weight: bold;"><div</span></a> <span style="color: #000066;">class</span>=<span style="color: #ff0000;">"company_info"</span><span style="color: #000000; font-weight: bold;">></span></a></span>[company info]<span style="color: #009900;"><span style="color: #000000; font-weight: bold;"></div></span></span> <span style="color: #009900;"><a target="_blank" href="http://december.com/html/4/element/div.html"><span style="color: #000000; font-weight: bold;"><div</span></a> <span style="color: #000066;">class</span>=<span style="color: #ff0000;">"fsa_info"</span><span style="color: #000000; font-weight: bold;">></span></a></span>[fsa info]<span style="color: #009900;"><span style="color: #000000; font-weight: bold;"></div></span></span> <span style="color: #009900;"><span style="color: #000000; font-weight: bold;"></div></span></span> <span style="color: #009900;"><a target="_blank" href="http://december.com/html/4/element/br.html"><span style="color: #000000; font-weight: bold;"><br</span></a> <span style="color: #000066;">class</span>=<span style="color: #ff0000;">"pageBreak"</span>/<span style="color: #000000; font-weight: bold;">></span></a></span>     <span style="color: #009900;"><a target="_blank" href="http://december.com/html/4/element/div.html"><span style="color: #000000; font-weight: bold;"><div</span></a> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">"page4"</span><span style="color: #000000; font-weight: bold;">></span></a></span> [content 4] <span style="color: #009900;"><a target="_blank" href="http://december.com/html/4/element/div.html"><span style="color: #000000; font-weight: bold;"><div</span></a> <span style="color: #000066;">class</span>=<span style="color: #ff0000;">"company_info"</span><span style="color: #000000; font-weight: bold;">></span></a></span>[company info]<span style="color: #009900;"><span style="color: #000000; font-weight: bold;"></div></span></span> <span style="color: #009900;"><a target="_blank" href="http://december.com/html/4/element/div.html"><span style="color: #000000; font-weight: bold;"><div</span></a> <span style="color: #000066;">class</span>=<span style="color: #ff0000;">"fsa_info"</span><span style="color: #000000; font-weight: bold;">></span></a></span>[fsa info]<span style="color: #009900;"><span style="color: #000000; font-weight: bold;"></div></span></span> <span style="color: #009900;"><span style="color: #000000; font-weight: bold;"></div></span></span> <span style="color: #009900;"><a target="_blank" href="http://december.com/html/4/element/br.html"><span style="color: #000000; font-weight: bold;"><br</span></a> <span style="color: #000066;">class</span>=<span style="color: #ff0000;">"pageBreak"</span>/<span style="color: #000000; font-weight: bold;">></span></a></span></pre><div class="edit_text">EDITED: 9 Feb 2007 15:50 by BOUGHTONP</div> </div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=31842.2&return_msg=31842.1" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="31842.2"> <span class="rating">0/0</span> <span class="image vote vote_down vote_down_off" title="Vote Down"></span> <span class="image vote vote_up vote_up_off" title="Vote Up"></span> </div> </div> </div></div> </div> </body>