Hi webmasters, I created a solution for managing data (forms) and works great. Now I need to print it (easy) but instead of drawing the form and printing the data, I need to fill an already printed form, one page at a time: clic the print button, there goes your page (no multipage printing). 1. Is there a way to get precise printing compatible with all major browsers? or do I have to be browser specific?
I've worked hard to make this app work perfect on FF, IE, Op and SF to respect my clients personal preferences, but it seems I can only get precise printing via CSS being browser specific, so, one CSS for each browser? Win - Mac - Linux specific too?
Now I'm worried about compatibility across Windows and Mac too, not only web browsers. I guess FF won't print the same on Win as in Mac. PDF?
I battled with CSS a week ago filling and creating labels with products codes and some other data combined. Gave up on CSS as it didn't work as expected respecting the margins of the paper even as I played with the browser margins manually. Diff browser, diff results. I needed milimetric precision.
Solution for the labels? went the PDF way. Absolutely precise on Adobe Acrobat and even on Foxit PDF Reader. In this case after clicking submit the page automatically sends the PDF for you to download or open it. You choose and then you print. That's fine here, in this scenario the circumstances of label printing are more relaxed in time.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
But now in this print-the-form page
I need to avoid clicks as it is in front of the customers and I need it to be "on the go". Fill, review, print, next!. After researching I found webmasters who setted up a server where the pdf creating and sending to print takes place (the user won't have the printer plugged in) but this extra computer is not an option here.
What I'm just tested.
- I created a web page with CSS for screen and for print.
- Created a grid of 1x1 cm each cell that fills most of the page
- Sent to print from Firefox, IE, Opera and Safari
- Tried Doctype XHTML 1.0 transitional and also HTML 4 STRICT
- Manually configured the margins of each browser to the same value
- Then compared the prints
My results so far:
- All the browsers allowed me to configure the margins except from Safari.
- Every output looks as the screen except from Firefox where horizontal block have diff amount of boxes (+1), is still a grid but the number of horizontal boxes doesn't match the screen.
- Safari adjusted the % of the page (width and height), it looks like 90% of the original document.
- Opera: love it but useless control of the margins
- Safari: can't control the margins or the adjustments of the percentage of the document
- FF and IE worked better but the pages are different. There is a variation of one box per line and the whole thing varies in size (width and height) in like 0.5% - 1%.
I see there is no other option other than going straight to PDF again but decided to ask for help. Am I missing something?
Thanks in advance.