Text lines cut of in the bottom of printed pages

Printing for IE Window, but not Safari, 1 or 2 lines (app 30px) are missing

[synke]

I am coding this: <snip>
with css positioning.

When printing from IE (6) one or two text lines are missing with every page break. Does not occur when printing from Firefox - or Safari.

Hope someone knows about this...

[edited by: SuzyUK at 4:34 pm (utc) on Sep. 1, 2004]
[edit reason] ooops sorry no URLS per TOS #13 [webmasterworld.com] [/edit]

[crashomon]

Hi, its against the Terms of Service to post URLS here. so I'm not going to go to your site, but I will recommend that you use a media/print css style to set the page break.

You can set the page break in CSS within the media/print format to force breaks where you like.

For example, this style forces a page break before each H1:

<style>
h1{
page-break-before: always;
}
</style>

For more details, do a google for "page break" +CSS

good luck,

Patrick

[synke]

Sorry about the URLs.

I examined the page break feature yesterday. I does not solve my problem. I cannot control the editor of the site. There may be a lot of H1's, but it is more likely that there will be only one, and the rest will be p's.

I tried with page size
@page { size: 5in 8in }

But that makes no difference...

[crashomon]

well, if you insert a simple "page_break_here" style class, where you want to force the page to break,
the media/print style will force a page break, but the on-screen browser will ignore it.

<style type="text/css">
P { page-break-after: always }
/* this forces break after P*/
</style>
<p>
This is a way to page break after each ending Paragraph Tag.
Page 1
</p>
<p>Page 2</p>

does that make sense?

Patrick

[synke]

That makes perfectly sense, but I don't like the solution. An article that usually prints on 10 pages, may print on more than 100, suddenly. Waste of paper.

There must be another solution to my problem. Note that it occurs when printing from IE only.

[synke]

And by the way: I does not entirely solve my problem. Image a very long paragraph that extends over more than one page. In that case a couple of text lines will disappear at the page breaks when printing...

[synke]

Not image, imagine! I was to quick to submit...

[SuzyUK]

I never noticed that about IE before..

The cut off bit is actually underneath a gutter it leaves for printing the page information on. There is nothing you can do about this gutter as it's an IE user preference I think.

one CSS solution is to provide bottom padding to the body for IE, but I don't think IE supports the @media:print

@media print {
body {padding: 0 0 30pt 0;}
}

rule embedded into your regular stylesheet, so a seperate stylesheet for print rules may be one option.. or alternatively just add

<style type="text/css" media="print">
body {padding: 0 0 30pt 0;}
</style>

under the call to your regular (media="all" or "screen"?)stylesheet in the HTML..

Suzy

[synke]

Suzy you're a star!