Css Media Type Print

[Deverill]

I have one page on my site that I'd like to make easy to print. I have set up a new stylesheet for media type print, set the banner and navbar to not display, reset font style and size, etc.

 

The problem I am having is that it is one long screen as a web page and either because of that or bugs in browsers or something I am missing the thing is cutting off lines.

 

In IE it cuts a line in the middle - the top half of the letters is on page 1 and the bottom half at the top of page 2. The whole thing is 4 pages.

 

Firebird prints what it can for page 1 and stops.

 

Opera seems to interpret it properly and keeps entire lines together and breaks across all 4 pages.

 

Is there something I can do to stop this?

 

Page: http://covenantwordchurch.org/Web_Manual.php

 

 

print.css Contents.

 

body{

color : #000000;

background : #ffffff;

font-family : "Times New Roman", Times, serif;

font-size : 12pt;

}

 

#Header{ display:none; }

#NavBar{ display:none; }

 

 

#MainBody {

position:absolute;

left:0px;

top:0px;

margin:10 10 10 10;

width:555px;

}

 

 

Thanks!

[TCH-JimE]

Hi,

 

IE does not always fully support CSS! Also all of your margins are illegal CSS they need a PX or EM afterwards!

 

I suggest you work out how big a A4 page is and do some fiddling to make the DiV tags just slightly smaller then this.

 

Also, you may want to create a "print button" which is a popup window which has no pictures in it, just text, that might help too.

 

Let us know about the above things and I will have a think in the morning (its only 0206 am here!)

 

Jim

[Deverill]

Thanks for the help. The margins evolved from margin 0 0 0 0; which needs no px/em into 10's but I forgot the px. I added px and even removed the line but it's still splitting lines. I may have to go to a smaller div as you suggested.

 

Too bad the browsers are so non-compliant to the established standards! If the "90% used" browser did it right then we'd be better off but obviously IE doesn't.

 

Again, thanks!