homepage Welcome to WebmasterWorld Guest from 54.198.140.148
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderator: open

CSS Forum

    
Printing in CSS(P)
mediadiva




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

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




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

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




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

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




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

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.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved