By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
445,922 Members | 1,958 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 445,922 IT Pros & Developers. It's quick & easy.

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

P: 3
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
Share this Question
Share on Google+
3 Replies


drhowarddrfine
Expert 5K+
P: 7,435
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

P: 3
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

P: 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.