Firefox & IE creating extra page when printing

HTML & CSS
1

When printing in Firefox and IE, it generates an extra page, and I’m not sure why. It’s not printing an extra page in Chrome, but I have a bad feeling that 75% of the people that use this portion of the site use Firefox or IE, and I find that there is nothing more annoying that printing a blank page.

Here is the website: http://consolidatedgypsum.ca/cgs-new-site/admin/project-leads/index.php

if you click on one of the postings under "most recent … " you’ll see a print button…

User:Test1
pass: test1234

Here is the CSS:

/** for printing purposes only**/
	
	/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed, 
    figure, figcaption, footer, header, hgroup, 
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
    	width: 100%;
    	height: auto;
    	margin: 0;
    	padding: 0;
    	background: none;
    	color: #000;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 12pt;
    	border: 0;
    	
    }
    
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure, 
    footer, header, hgroup, menu, nav, section {
    	display: block;
    }
    
    
    
    ol, ul {
    	list-style: none;
    }
    
    blockquote, q {
    	quotes: none;
    }
    
    blockquote:before, blockquote:after,
    q:before, q:after {
    	content: '';
    	content: none;
    }
    
    table {
    	border-collapse: collapse;
    	border-spacing: 0;
    }
    
    
    header, footer, #submit {
    	display: none;
    	height: 0;
    }
    
     section{
     	height: 0;
     	margin-bottom: 0;
     	padding: 0;
     }
    
    
    .general{
    	position: relative;
    	width: 100%;
    	height: 99%;
    	margin: 0; 
    	padding: 0;
    	background: none;
    }
    
    .general p{
    	margin-bottom: 0;
    }
    
    @page{
    	margin:0.8cm;
    }
    ```
    	
    		

Thanks in advance
2

There are no blank pages for me in Chrome/FF33/IE11.

The second page htat prints out only have two paragraphs on it so is it possible that a blank space or two made it onto the print document so that’s being printed as well? Is all the content on your prints?

I just printed out copies for IE/FF (Chrome gives me a preview) and all content was there, two pages for each borwser (with the second page having 1/4th a page of content)

3

Same here.

I get 2 copies in Firefox, IE and chrome.

If I reduce margins and change font-size I get one page in all.

4

Thanks! I got it all down to one page, in each browser. I removed some more content, reduced my heading sizes, and decreased my font sizes.

5

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.