Printer friendly page

[Someone]

I have a web page where I am using a stylesheet and the
attribute and value - media="print" - as below:

<link href="../page_print.css" rel="stylesheet" type="text/css"
media="print">

It works fine except, that the text that I want printed ends up in the
middle of the screen because elements made invisible in the stylesheet
still effect the text's positioning. Stylesheet is like this:

body {visibility:hidden;}

..print {
visibility:visible;
position: absolute;
top: 10px;
left: 10px;
}

As shown I have tried using absolute positioning for the printer style
sheet to force the text further up, but the text at the bottom of the page
then gets split over two pages. Is there a solution? I am using IE 6.

I have also tried using this approach:

body { display:none; }
..print { display:table; }

Nothing is displayed at all by doing this. All I am trying to do is wrap a
table containing text in print tags and ensure only that is printed. Can
someone post an example of achieving this?

Thanks.

[Mark Parnell]

Deciding to do something for the good of humanity, Someone
<no****@nospam.com> spouted in
comp.infosystems.www.authoring.stylesheets:

All I am trying to do is wrap a
table containing text in print tags and ensure only that is printed. Can
someone post an example of achieving this?

body * {display: none;}
..print {display: block;}

Not tested.

--
Mark Parnell
================================================== ===
Att. Google Groups users - this is your last warning:
http://www.safalra.com/special/googlegroupsreply/

[Someone]

On Thu, 5 Jan 2006 11:57:30 +1100, Mark Parnell wrote:

Deciding to do something for the good of humanity, Someone
<no****@nospam.com> spouted in
comp.infosystems.www.authoring.stylesheets:

All I am trying to do is wrap a
table containing text in print tags and ensure only that is printed. Can
someone post an example of achieving this?

body * {display: none;}
.print {display: block;}

Not tested.

This displays nothing, any chance of a working example?

[Mark Parnell]

Deciding to do something for the good of humanity, Someone
<no****@nospam.com> spouted in
comp.infosystems.www.authoring.stylesheets:

This displays nothing, any chance of a working example?

As I said, not tested - let me have a play with it.

--
Mark Parnell
================================================== ===
Att. Google Groups users - this is your last warning:
http://www.safalra.com/special/googlegroupsreply/

[Darin McGrew]

Someone <no****@nospam.com> wrote:

It works fine except, that the text that I want printed ends up in the
middle of the screen because elements made invisible in the stylesheet
still effect the text's positioning. Stylesheet is like this:

body {visibility:hidden;}
Yep. That's how the visibility property works. Invisible boxes still affect
layout. See http://www.w3.org/TR/CSS21/visufx.html#visibility
I have also tried using this approach:

body { display:none; }
.print { display:table; }

Nothing is displayed at all by doing this.

Yep. That's how the display property works. Setting "display: none"
prevents the element AND ITS DESCENDANT ELEMENTS from being displayed. See
http://www.w3.org/TR/CSS21/visuren.html#display-prop

What you need to do is use "display: none" on those elements that you don't
want to display. You can't use "display: none" on everything, and then undo
it for the elements you want to display.
--
Darin McGrew, mc****@stanfordalumni.org, http://www.rahul.net/mcgrew/
Web Design Group, da***@htmlhelp.com, http://www.HTMLHelp.com/

"Shin: a device for finding furniture in the dark." - Steven Wright

[Mark Parnell]

Deciding to do something for the good of humanity, Someone
<no****@nospam.com> spouted in
comp.infosystems.www.authoring.stylesheets:

This displays nothing,
This works:

body * {display: none;}
..print {display: block;}
..print * {display: inline;}

It may need some tweaking depending on what you are displaying.
any chance of a working example?

http://clarkecomputers.com.au/usenet/print.html

--
Mark Parnell
================================================== ===
Att. Google Groups users - this is your last warning:
http://www.safalra.com/special/googlegroupsreply/