Help with Print preview in css

[dthomas31uk]

Hi, Have created a webpage. Having problems getting my page styled to suit print preview

the print stylesheet is

http://www.suninvest.org.uk/Print.css

the css is

http://www.suninvest.org.uk/viewingTrip.html/tripStyle.css

the css for ie is

http://www.suninvest.org.uk/viewingTrip.html/tripIEStyle.css

what I would like to achieve is to get the actual content of my page appear to the left of the print preview page in portrait view. Any ideas how I can achieve this??

I have a container which is centered on my actual screen layout, but cannot get it to appear to the left.

Hope someone can help cheers guys!

 

[BillyRayPreachersSon]

Your problem is casued by a combination of two things:

1. You are including your Print CSS before the regular CSS, and
2. Your regular CSS include does not specify any media types.

Thus, there are two ways to fix this:

1. Move your print CSS to after the regular CSS include, so that the margin declaration will overwrite that of the regular CSS, or
2. Give your regular CSS include a media type that doesn't include Print. At present, it has no media type speicified, so will be used for all media (including print), and thus overwrite the margins specified in the print CSS.

Personally, I'd do both of these things.

You might also want to consider adding "margin-right: 0px;" to your print CSS "#container" rule, too.

Hope this helps,
Dan

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[Vragabond]

And don't forget that if the main css stylesheet has no media specified, it is considered to be media="all", which includes print. Since in print you do not redefine the width of the #container, that remains at 790px. I don't know what paper you're dealing with, but I am sure you can't say for sure that it is 790px wide. Try changing the #container width in print stylesheet to 100%. Every piece of paper is 100% wide.

 

[BillyRayPreachersSon]

I am sure you can't say for sure that it is 790px wide

Good point - you should check the pixels-per-inch rating on the packaging for the paper you are using.

;-)

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[dthomas31uk]

cheers for the advice guys. It worked a treat, I have now managed to get it sorted..thanks to your help.

Once again cheers