471,598 Members | 1,162 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 471,598 software developers and data experts.

Print Preview looks fine, but the printed page doesn't

Hi,

I'm trying to solve a little CSS print mystery and would appreciate any suggestions. My pages look just fine when in Print Preview (both IE and Firefox on PC), but in the actual printed pages the left menu is pushed inward and the main content gets wrapped underneath and cut off.

The stylesheet is at http://www.lisc.org/style.css.

I've tried validating the CSS on the W3C site, and the only warnings I get are about setting legible colors and background colors.

I've also tried unsuccessfully to create a separate print.css with the left navigation div set to display:none. However, when I did this, the menu still appeared in the printout, only without any color or formatting (just a straight bulleted list). Anyway, ideally, I'd like to keep the left menu in the print version.

Any suggestions? Thanks!
Sep 4 '07 #1
3 2484
drhowarddrfine
7,435 Expert 4TB
Showing the CSS alone is like showing a coloring book without the black outlines of the figures. You can't always see everything. If the home page of the link you showed above is the page in question, there are 26 html errors, some of which must be addressed.
Sep 4 '07 #2
Showing the CSS alone is like showing a coloring book without the black outlines of the figures. You can't always see everything. If the home page of the link you showed above is the page in question, there are 26 html errors, some of which must be addressed.
Point well-taken. I didn't think to validate the HTML, I only ran the CSS file itself. I will work on the HTML errors and see if that solves the problem. Thanks.
Sep 4 '07 #3
Point well-taken. I didn't think to validate the HTML, I only ran the CSS file itself. I will work on the HTML errors and see if that solves the problem. Thanks.
Ok, so now I have a page that validates as HTML 4.01 Transitional:
http://www.lisc.org/section/products/loans

Unfortunately, I'm still having the same problem - when I Print Preview everything looks fine, but the printed page looks like this: PDF

The stylesheet is located at:
http://www.lisc.org/style.css

Thanks in advance for any suggestions.
Sep 11 '07 #4

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

48 posts views Thread by David J Patrick | last post: by
5 posts views Thread by Tom Louchbaum | last post: by
24 posts views Thread by Rhino | last post: by
2 posts views Thread by XIAOLAOHU | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.