CSS Print page break cuts off text

Hi Experts,

When i print a page on my website paragraphs are cut off where the page break is.

Is this affected by using a webfont kit?

Many thanks for any help given.
maccaj51Asked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Kyle HamiltonData ScientistCommented:
it probably has nothing to do with webfont kit.


However, you need to provide more information. Best would be a link to your page, and a description of the undesirable behavior, with steps to reproduce.

Without knowing absolutely anything about your page it's impossible to give you a solution
0
maccaj51Author Commented:
0
Kyle HamiltonData ScientistCommented:
you could use the @page media query to add margins:

@page  { 
    size: auto;   /* auto is the initial value */ 

    /* this affects the margin in the printer settings */ 
    margin: 25mm 25mm 25mm 25mm;  
} 

Open in new window

0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Determine the Perfect Price for Your IT Services

Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden with our free interactive tool and use it to determine the right price for your IT services. Download your free eBook now!

Kyle HamiltonData ScientistCommented:
if @page is not supported by someone's browser, they will need to adjust their own margins for their particular printer.
You can also use page-break to specify exactly where you want the page to break

http://www.w3schools.com/cssref/pr_print_pageba.asp
0
maccaj51Author Commented:
Thanks for your help... this doesnt seem to have helped here:
view-source:http://monster3d.co.uk/wp-sdc/print/?id=1142 (changed domain)

Browser: Google Chrome
0
Kyle HamiltonData ScientistCommented:
I can see the larger margins in the print preview now.

What exactly is the problem? Please be more specific.
0
maccaj51Author Commented:
The text at the page break gets cut in half on the first page.
0
maccaj51Author Commented:
Got this to work - many thanks
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.