I've been given the task of making a website printable. So I had nothing to do with the original design of the thing. I actually can't stand the website. So...upon looking at the site I decided to use CSS to fix my problem. What I'm doing is labelling the divs and tables as "Content" when I want them to print.
Here's my style tags stuff:
<link rel="stylesheet" href=http://www.webdeveloper.com/forum/archive/index.php/"../includes/styles.css" type="text/css" media="screen">
<link rel="stylesheet" href=http://www.webdeveloper.com/forum/archive/index.php/"../includes/print.css" type="text/css" media="print">
And here's print.css:
body{ background-color:#FFFFFF; background-image:none; color:#000000 }
div { display: none; }
div#Content { position: absolute;
left: 20px;
top: 20px;
display: block;
color: #000000; }
table { display: none; }
table#Content { display: block; color: #000000;}
This printing works great in IE however in Netscape when I go to print it prints only the first page of content. And as a little side issue...when I try to print in Opera it seems to completely ignore print.css. I don't understand. Can someone explain to me how to fix this? Or maybe I shouldn't be trying to use CSS to fix my problem...in that case can someone point me in the right direction?
-dkozarilink would be good....<!-- m --><a class="postlink" href="http://journalism.southern.edu/news_events.html">http://journalism.southern.edu/news_events.html</a><!-- m -->
I've been experimenting...so this is the only page that the printing should work with.
-dkozariI don't know if it's using the print.css but it's fine in Opera 7.1.
<!-- m --><a class="postlink" href="http://www.emdevelopments.co.uk/screenshots/css1.jpg">http://www.emdevelopments.co.uk/screenshots/css1.jpg</a><!-- m -->
<!-- m --><a class="postlink" href="http://www.emdevelopments.co.uk/screenshots/css2.jpgthat's">http://www.emdevelopments.co.uk/screens ... .jpgthat's</a><!-- m --> the print preview by the wayWhich version of Netscape 4.7x series or the Mozilla based Netscape 6.0+ because 4.7x doesn't understand CSS print properly.
Here's my style tags stuff:
<link rel="stylesheet" href=http://www.webdeveloper.com/forum/archive/index.php/"../includes/styles.css" type="text/css" media="screen">
<link rel="stylesheet" href=http://www.webdeveloper.com/forum/archive/index.php/"../includes/print.css" type="text/css" media="print">
And here's print.css:
body{ background-color:#FFFFFF; background-image:none; color:#000000 }
div { display: none; }
div#Content { position: absolute;
left: 20px;
top: 20px;
display: block;
color: #000000; }
table { display: none; }
table#Content { display: block; color: #000000;}
This printing works great in IE however in Netscape when I go to print it prints only the first page of content. And as a little side issue...when I try to print in Opera it seems to completely ignore print.css. I don't understand. Can someone explain to me how to fix this? Or maybe I shouldn't be trying to use CSS to fix my problem...in that case can someone point me in the right direction?
-dkozarilink would be good....<!-- m --><a class="postlink" href="http://journalism.southern.edu/news_events.html">http://journalism.southern.edu/news_events.html</a><!-- m -->
I've been experimenting...so this is the only page that the printing should work with.
-dkozariI don't know if it's using the print.css but it's fine in Opera 7.1.
<!-- m --><a class="postlink" href="http://www.emdevelopments.co.uk/screenshots/css1.jpg">http://www.emdevelopments.co.uk/screenshots/css1.jpg</a><!-- m -->
<!-- m --><a class="postlink" href="http://www.emdevelopments.co.uk/screenshots/css2.jpgthat's">http://www.emdevelopments.co.uk/screens ... .jpgthat's</a><!-- m --> the print preview by the wayWhich version of Netscape 4.7x series or the Mozilla based Netscape 6.0+ because 4.7x doesn't understand CSS print properly.