none
Printing blank lines in IE 8, 9, 10 and 11 differs RRS feed

  • Question

  • We have Credit Reports that are put in Iframe (and hidden fields) and when the users checks which ones they want to print, we take the hidden fields an populate one Iframe to print them all from.

    Problem is, IE 8 prints fine, IE 9 removes many of the blank lines that used to be there and IE 10 pretty much removes all blank lines.  IE 11 seems to work ok though.

    While IE 8 is being deprecated, IE 9 & 10 are still our majority users and am I trying to find a solution for them.

    Is there something other than an iframe I should be using?

    Here is the code:

       

    for(count=0; count <= intCounter; count++)

        {

           

    vartabChecked = $get(printTab[count]);

       

    if(tabChecked.checked == true)

        {

       

    varhdnPrintFieldName = "hdnPrintFieldName"+ count;

           

    vardoc = document.getElementById(hdnPrintFieldName);

        appendReports = appendReports + doc.value;

        }

        }

       

    varprintDoc = appendReports;

        parent.iframeprint.document.open();

        parent.iframeprint.document.write(printDoc);

        parent.iframeprint.document.close();

        parent.iframeprint.focus();

        parent.iframeprint.print();

    The report even looks different in the presented iframe (tabbed) in the various IE versions, though sometimes not exactly the same as the printed version in the same IE.

    Cliff

    Friday, July 11, 2014 10:09 PM

All replies

  • Hi,

    IE8 doesn't understand textNodes that are white space. the firstChild property is affected by any white space preceeding the Node.

    use

    &nbsp;<br/>

    instead of

    the above is a blank line.. (white space).

    ensure that your external stylesheet links have a media attribute. Normally one would use a print only stylesheet (media='print') to show/hide visual elements when printing.

    eg.

    @media='print'{

    #divCopyright{

    display:block;visibility:visible;}

    }

    @media='screen'{

    #divCopyright{

    display:none;visibility:hidden;}

    }

    Post questions about html, css and scripting for website development to the IE Web Development forum. http://social.msdn.microsoft.com/Forums/ie/en-US/home?forum=iewebdevelopment

    Include with your questions a link to your website or a mashup that shows the issue.

    Questions regarding Internet Explorer 8, 9 and 10 and Internet Explorer 11 for the IT Pro Audience. Topics covered are: Installation, Deployment, Configuration, Security, Group Policy, Management questions. If you are a consumer looking for answers or to raise a question, it's highly recommended you head on over to http://answers.microsoft.com/en-us


    Rob^_^

    Friday, July 11, 2014 10:43 PM
  • Actually, IE 8 isn't the problem. You see it a little in IE 9 and really bad in IE 10 (all blank lines are gone). IE 11 in IE 10 mode is fine as well.

    We are also not producing the Credit Report, just receiving it from the source and displaying it to the user.  The problem is we both present it and print it from an iframe and somehow its handling of blank lines has changed from IE 8 to 9 to 10 to 11.

    The Credit Reports do not take advantage of any stylesheet information, and have no external links.

    We dynamically build iframes on a tabbed IE window, where we show the report.  We also have the report hidden so that the user can select one or more report and print them all at once, from the client.

    Cliff


    :)




    Monday, July 14, 2014 8:14 PM