/    Sign up×
Community /Pin to ProfileBookmark

Printing and CSS

Hi all
I have a design problem that has to be fixed before release!!

We have a bankapplication and whant to dynamically print an invoice with some information on it. I’ve tried to use CSS for this but and it works fine in the browser – but when I print the page , the text slides down 5 mm !

I hav a scanned picture of the invoice and use ASP and CSS to place the dynamic text on top of the picture so it looks like a real invoice to the customer… But when I print ? !!

My questions are:
Can this be done with CSS or should I try another technique?
Do you have any suggestions on other ways to do it?
I cant set any “hard” demands on the clients browser (e.g. Acrobat, XML/XSL etc)

Do you have any ideas?

/Regards
Niklas

to post a comment
CSS

3 Comments(s)

Copy linkTweet thisAlerts:
@Zach_ElfersNov 21.2002 — I don't think this problem can be fixed. You could use the "page-break-before" things, etc., but you probably already have. If the text only slides down about 5mm, that might be about the best you can do. Sorry!
Copy linkTweet thisAlerts:
@StefanNov 21.2002 — A bit difficoult to advise since you don't even link to the page, let alone OS or browsers tested with.

What I can suggest is to use smnaller top margin (negative if needed).
Copy linkTweet thisAlerts:
@Robert_WellockNov 21.2002 — I've heard about this issue before in Micro$oft browsers, it would also help if you defined the paper size using the relevant CSS.

But I assume you want your customers to print the document themselves, if so you'll have problems since you don't know how their machines are configured and what user-agents they are running.
×

Success!

Help @NiBaBaD spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.18,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...