Dear All,
I've just completed a website at <!-- w --><a class="postlink" href="http://www.maviga.com">www.maviga.com</a><!-- w --> (<!-- m --><a class="postlink" href="http://www.maviga.com/english/index.html">http://www.maviga.com/english/index.html</a><!-- m -->) and we're now testing it for bugs. Its very simple with just HTML a little bit of JavaScript, and a stylesheet.
I've been using the "media" tag in CSS to create different versions of the site for "screen" and "print":
<link rel="stylesheet" media="print" href=http://www.webdeveloper.com/forum/archive/index.php/"../styles/print.css" type="text/css">
<link rel="stylesheet" media="screen" href=http://www.webdeveloper.com/forum/archive/index.php/"../styles/screen.css" type="text/css">
One stylesheet makes visible the layer I want to PRINT, the other displays the layer I want to be visible on SCREEN. I hope this is clear.
The tactic seems to work fine (try it!), except for the fact that on those pages where I have quite a lot of content, the printer will always output an extra, unneccessary blank page. This only occurs when the SCREEN content extends a fair old way down the page, so I am assuming that although my screen elements are not being displayed, they do in fact 'exist' on the page in some form that the printer decides should be printed.
Is there any way to stop the printer allowing space for elements that are invisible?
Many thanks,
Robuse display:none; rather than visibility:hidden. That should fix all your printing issues
I've just completed a website at <!-- w --><a class="postlink" href="http://www.maviga.com">www.maviga.com</a><!-- w --> (<!-- m --><a class="postlink" href="http://www.maviga.com/english/index.html">http://www.maviga.com/english/index.html</a><!-- m -->) and we're now testing it for bugs. Its very simple with just HTML a little bit of JavaScript, and a stylesheet.
I've been using the "media" tag in CSS to create different versions of the site for "screen" and "print":
<link rel="stylesheet" media="print" href=http://www.webdeveloper.com/forum/archive/index.php/"../styles/print.css" type="text/css">
<link rel="stylesheet" media="screen" href=http://www.webdeveloper.com/forum/archive/index.php/"../styles/screen.css" type="text/css">
One stylesheet makes visible the layer I want to PRINT, the other displays the layer I want to be visible on SCREEN. I hope this is clear.
The tactic seems to work fine (try it!), except for the fact that on those pages where I have quite a lot of content, the printer will always output an extra, unneccessary blank page. This only occurs when the SCREEN content extends a fair old way down the page, so I am assuming that although my screen elements are not being displayed, they do in fact 'exist' on the page in some form that the printer decides should be printed.
Is there any way to stop the printer allowing space for elements that are invisible?
Many thanks,
Robuse display:none; rather than visibility:hidden. That should fix all your printing issues