Image printing problem in Google chrome
function printcontent() { var docType = "<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">"; var disp_setting = "toolbar=yes,location=no,directories=yes,menubar=yes,"; disp_setting += "scrollbars=yes,width=800, height=800, left=50, top=25,_blank"; if (navigator.appName != "Microsoft Internet Explorer") disp_setting = ""; var content_vlue = document.getElementById("divContent").innerHTML; var docprint = window.open("", "", disp_setting); docprint.document.open(); docprint.document.write(docType); docprint.document.write('<head><title></title>'); docprint.document.write('</head><body style="padding:0;margin-top:0 !important;margin-bottom:0!important;" onLoad="self.print();self.close();">'); docprint.document.write(content_vlue); docprint.document.write('</body></html>'); //document.write(doct + divContent.innerHTML); docprint.document.close(); docprint.focus(); }
<div id="divContent"> <table width="100%" cellpadding="2" cellspacing="2"> <tr> <td> <img src="img/web_logo_new.jpg" alt="logo" /></td> <td>Some content will come here </td> </tr> </table> </div> <input type="button" value="Print" onclick="printcontent();" />
So that's it. Hopefully it will fix your problem of printing images in Google chrome.