Welcome to WebmasterWorld Guest from 54.226.32.234

Forum Moderators: not2easy

Message Too Old, No Replies

Printing in CSS(P)

     

mediadiva

4:56 pm on Apr 25, 2003 (gmt 0)

10+ Year Member



Anyone know any good resources for printing from CSS(P) web pages? I know you can do the whole print.css thing, but is there anyway to get it to print exactly as it looks in the browser, maybe I am doing something wrong.

This (somesite) doesn't print at all like it looks, but this (someothersite) does. I am not sure what he did, I know he told the nav/header stuff to be invisible, and I know he used floats like I did. Hrmm... I HATE being a dang newb!

The only thing I can guess it maybe because his box width's are hard coded in the page maybe that's why, but his box positions arn't hard coded and they show up in the right place.

[edited by: heini at 5:13 pm (utc) on April 25, 2003]
[edit reason] sorry, no urls please / thanks! [/edit]

joolsm

5:10 pm on Apr 25, 2003 (gmt 0)

10+ Year Member



Neither of them print to look exactly as they do on screen at my end.

Have a look at his css links - you will see one is for print and the other is display:screen.

BTW, please read the posting guidelines - it's against the TOC of this forum to post url's.

Jools

hafnius

4:35 pm on Apr 26, 2003 (gmt 0)

10+ Year Member



Anyone know any good resources for printing from CSS(P) web pages?

try w3schools.com Here [w3schools.com]

And try to look at the print.css of other websites - a good way to learn. With the media=print you have nearly the same control of the printed page as your have of the screen page. Except it is dificult to control page-breaks.

BTW. in MOZ you can make a print preview to se hox the printed page will look - a good paper saving way to check your print.css code.

Hope this helps

Regards
Hafnius

grahamstewart

11:41 pm on Apr 27, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



is there anyway to get it to print exactly as it looks in the browser

It should print exactly as it is in the browser by default.
If you are seeing any differences then its probably because A4 paper isn't as wide as your screen.

To make the print out different from the browser, use a media=print stylesheet (see AListApart: Going to Print [alistapart.com] and the resources the others have linked to for details).

in MOZ you can make a print preview

IE6, Opera and NN7 all have Print Preview available.

 

Featured Threads

Hot Threads This Week

Hot Threads This Month