View Full Version : Print Stylesheets: Help!

03-03-2004, 08:50 PM
*EDIT* Nevermind!

We figured our main issues out RIGHT after I posted this. :)

But if anybody has any recommended resources for creating Print Stylesheets, feel free to post 'em here. Or we could just start a Print Stylesheet pow-wow in here. :D

P.S. Don't post the ALA article, we're familiar with that one.

03-03-2004, 10:25 PM
I know I may not be a mod here, but in the future it helps if you post an answer to your original question if you work it out, rather than removing the question and saying you sorted it, as this means other people that may have the same problem can search and find the answer in the thread.

03-04-2004, 12:06 AM
I agree with missing-score. I was hoping to learn something about style-sheets and how they are used with print.

03-04-2004, 02:37 AM
Did I hear someone ask for CSS media="print" links....
Well, allow me to help ;)

Kissing Print Versions Goodbye - Evolt.org (http://www.evolt.org/article/comment/20/22225/)

w3c - Paged Media Info (http://www.w3.org/TR/REC-CSS2/page.html)

Macromedia Dreamweaver tutorial - Print CSS (http://www.macromedia.com/devnet/mx/dreamweaver/articles/screen_to_print.html)

"What you need to know about:" CSS Print Styles (http://webdesign.about.com/cs/css/a/aa042103a.htm)

BrainJar -Using Style Sheets (Media Selection) (http://www.brainjar.com/css/using/default6.asp)

Phew, crisis averted :cool:

03-04-2004, 02:52 AM
Lol thanks for the links lemming.

03-04-2004, 06:13 PM
Good point, missing score.

In short, here's what we had going on:

-Our layout was all CSS, and centered using the negative margin method. So we had a container div with absolute positioning shifted from the left 50%, and then offset back to the left with a negative margin since just doing left: 50% will put the left most corner at 50%, and not the middle of your whole container.

-For our Print Stylesheet then, we simply removed the absolute positioning rules for the container, so when we previewed for print, we were confused as to why everything was shifted off the left side of the page.

-What we failed to realize is that without specifying position: static for the container in the print sheet, it inherited the absolute positioning from the default stylesheet. The negative left margin was what was shifting it off the page.

One of those obvious things that just didn't hit us at first. :)

Thanks for the links, Lemming.