Forum Moderators: not2easy

Message Too Old, No Replies

Special print page - position a Div at very bottom

this is for bank check printing

         

Mr Bo Jangles

11:28 pm on Nov 16, 2007 (gmt 0)

10+ Year Member



Hi all,

I realize that outputing to a pdf would be safest, but I want to have a go first at just printing the html page.

This is a web application, and this section I'm on now is for the printing of bank checks.

Issues:
a)on the first 2/3's of the page there will be stuff relating to the check payment
b) on the bottom section (pre-printed stationery) is the actual tear of check. I need, I think, to have two separate Divs - one for the first section and another for the check part. BUT, I need the check part to sit at the *very* bottom of the page - with zero margin etc.
So, question is, what CSS is suggested to always ensure that Div is positioned at the very bottom of the page - with the major browsers, or IE and Firefox at least?

Also, is there any way with javascript to set the printer page settings so as I can achieve absolute minimum bottom page margin?

Xapti

1:40 am on Nov 17, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



As long as you're only dealing with the first page (or only one page, ovbiously that would apply), "padding:0;position:absolute;bottom:0; left:0" (assuming you want it on the left side as well) should work well.

And print page settings (like page margins) are controlled by the user. Printers themselves have a limit as to how close they can print to the side of a sheet, and it varies per printer.