title: Google Chrome Printing issues
body: <p>I am having problems that are specific to Google Chrome. It is a confirmation page for an order. On print preview, it shows up fine. When I actually print the page however, all of the text is just random symbols and makes no sense. I am using UTF-8 just like all the other pages that work fine. I am officially stumped on this one.</p>
  
  <p>Here is the HTML for the page: </p>
  
  <pre><code>    &lt;%@ page contentType="text/html; charset=UTF-8" %&gt;
  &lt;%@ taglib uri="/struts-tags" prefix="s"%&gt;
  &lt;%@ include file="/shared/components/imageCacheUrl.jsp" %&gt; 
  
  &lt;!doctype html&gt;
  &lt;!--[if lte IE 6 ]&gt;&lt;html lang="en" id="ie6"&gt;&lt;![endif]--&gt;
  &lt;!--[if IE 7 ]&gt;&lt;html lang="en" id="ie7"&gt;&lt;![endif]--&gt;
  &lt;!--[if IE 8 ]&gt;&lt;html lang="en" id="ie8"&gt;&lt;![endif]--&gt;
  &lt;!--[if IE 9 ]&gt;&lt;html lang="en" id="ie9"&gt;&lt;![endif]--&gt;
  &lt;!--[if (gte IE 10)|!(IE)]&gt;&lt;!--&gt;&lt;html lang="en"&gt;&lt;!--&lt;![endif]--&gt;
  &lt;head&gt;
      &lt;title&gt;Delta.com - Donate Miles Confirmation&lt;/title&gt;
      &lt;link rel="stylesheet" type="text/css" href='&lt;s:url value="/buyGiftTransfer/css/buygifttransferdonate.css"/&gt;' /&gt;
      &lt;link rel="stylesheet" type="text/css" href='&lt;s:url value="/buyGiftTransfer/css/donateCss.css"/&gt;' /&gt;
  &lt;/head&gt;
  &lt;body class="no-js"&gt;
      &lt;jsp:include page="../../tmpl/breadcrumbs/index.jsp"&gt;&lt;/jsp:include&gt;
      &lt;h1 class="bgt-headerTxt"&gt;Donate Miles&lt;/h1&gt;
      &lt;div id="ContentWell" class="grid_9 alpha bgt-app"&gt;
          &lt;div id="bgt-primarymodule" class="contentWrapper clearfix"&gt;
              &lt;div id="bgt-primarymodule-container"&gt;
                  &lt;!--&lt;jsp:include page="../../tmpl/donate/_primaryModule.tmpl.jsp"&gt;&lt;/jsp:include&gt;--&gt;
                  &lt;!-- fix for Defect ID 10345 --&gt;
                  &lt;h2 class="marketingTitle"&gt;DONATE MILES. MAKE A DIFFERENCE&lt;/h2&gt;
                  &lt;p&gt;Not sure what to do with your SkyMiles? Donate them to charity. Whichever charity or charities you choose, your miles will be put to good use. Please read the need-to-knows list before donating.&lt;/p&gt;
                  &lt;ul&gt;
                      &lt;li&gt;All donations to SkyWish and SkyWish Asia charities are not tax deductible for SkyMiles members or Delta.&lt;/li&gt;
                      &lt;li&gt;Maximum of five charities can be selected and processed in one transaction.&lt;/li&gt;
                      &lt;li&gt;Once the transaction has been completed, the miles will be transferred to the selected charities and cannot be reversed.&lt;/li&gt;
                      &lt;li&gt;SkyMiles account must have sufficient miles to donate. &lt;/li&gt;
                      &lt;li&gt;Minimum mileage donation rules apply.  Select individual charity for details.&lt;/li&gt;  
                  &lt;/ul&gt;
  
              &lt;/div&gt;
              &lt;s:fielderror template="inlineerrors" /&gt;
          &lt;/div&gt;
              &lt;div id="recieptModule" class="contentWrapper"&gt;
                  &lt;h2 class="contentWrapperHeader"&gt;CONFIRMATION&lt;/h2&gt;
                  &lt;div&gt;
                      &lt;ul id="emailPrint"&gt;
                          &lt;li id="print"&gt;&lt;a href="javascript:window.print()" class="ir"&gt;Print&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/div&gt;
                  &lt;div class="sub_container_6"&gt;
                      &lt;div class="sub_grid_4 alpha"&gt;
                          &lt;hgroup&gt;
                              &lt;h2 class="marketingTitle"&gt;Thanks, &lt;strong mpdistrans&gt;&lt;s:property value="donateMiles.donateMilesProductType.name.firstName" /&gt; &lt;s:property value="donateMiles.donateMilesProductType.name.lastName" /&gt;&lt;/strong&gt;&lt;/h2&gt;
                              &lt;h4 class="marketingSubtitle"&gt;for your generous donation of &lt;strong&gt;&lt;s:text name="format.number"&gt;&lt;s:param value="donateMiles.donateMilesProductType.totalDonateMilesAmount"&gt;&lt;/s:param&gt;&lt;/s:text&gt; miles&lt;/strong&gt; to these charities:&lt;/h4&gt;
                          &lt;/hgroup&gt;
                      &lt;/div&gt;
                      &lt;div class="sub_grid_2 omega"&gt;
                          &lt;p id="transactionDate"&gt;Transaction Date: &lt;s:property value="donateMiles.donateMilesProductType.transactionDate" /&gt;&lt;/p&gt;
                      &lt;/div&gt;
                      &lt;div class="clear"&gt;&lt;/div&gt;
  
                      &lt;s:iterator value="donateMiles.donateMilesProductType.donateMilesProductResponses"&gt;
                          &lt;div class="addedCharityDeets clearfix"&gt;
                              &lt;div class="sub_grid_4 alpha"&gt;
                                  &lt;h4 class="recipientOrgName" mpdistrans&gt;
                                      &lt;s:property value="donateMilesProduct.recipientOrg.description" /&gt;
                                      &lt;s:if test="fault.error.errorCode != 0000"&gt;
                                          &amp;nbsp;&amp;mdash;&amp;nbsp;&lt;s:property value="fault.error.errorMsg"/&gt;
                                      &lt;/s:if&gt; 
                                  &lt;/h4&gt;
                              &lt;/div&gt;
                              &lt;div class="sub_grid_1 giftedSkyMiles"&gt;
                                  &lt;p class="label"&gt;Donated Miles&lt;/p&gt;
                                  &lt;p class="value"&gt;&lt;s:text name="format.number"&gt;&lt;s:param value="donateMilesProduct.recipientOrg.milesToDonate"&gt;&lt;/s:param&gt;&lt;/s:text&gt;&lt;!--20,000 Miles--&gt;&lt;/p&gt;
  &lt;!--                                &lt;div class="grid_4 push_4"&gt;
                                          &lt;div class="callout"&gt;
                                              &lt;p class="infoicon promoicon"&gt;Applied&lt;/p&gt;
                                              &lt;div class="infoMessage"&gt;
                                                  &lt;h5&gt;Promotion&lt;/h5&gt;
                                                  &lt;p&gt;100% matching miles.&lt;/p&gt;
                                                  &lt;p&gt;&lt;a href="#"&gt;See Details&lt;/a&gt;&lt;/p&gt;
                                              &lt;/div&gt;
                                          &lt;/div&gt;
                                      &lt;/div&gt;
  --&gt;                             &lt;/div&gt;  
                                  &lt;s:if test="donateMilesProduct.estimateBonusMiles != 0"&gt;
                                  &lt;div class="sub_grid_1 omega lastcolumn"&gt;
                                      &lt;h5 class="label"&gt;Bonus Miles&lt;/h5&gt;
                                      &lt;p&gt;&lt;s:property value="donateMilesProduct.estimateBonusMiles" /&gt;&lt;/p&gt;
                                  &lt;/div&gt;
                              &lt;/s:if&gt;
                          &lt;/div&gt;
                      &lt;/s:iterator&gt;
  
                      &lt;div id="thankyouMessage" class="sub_grid_3 alpha"&gt;
                          &lt;s:if test="donateMiles.donateMilesProductType.totalBonusMiles != 0"&gt;
                              &lt;p&gt;As a thank you, we are crediting your account with &lt;s:property value="donateMiles.donateMilesProductType.totalBonusMiles" /&gt; bonus miles. &lt;s:a href="#" cssClass="ir help" &gt;Help&lt;/s:a&gt;&lt;!--&lt;a class="ir help"&gt;Help&lt;/a&gt;--&gt;&lt;/p&gt;
                          &lt;s:else&gt;&amp;nbsp;&lt;/s:else&gt;
                          &lt;/s:if&gt;
                      &lt;/div&gt;
                      &lt;!-- div id="transactionSummary" class="sub_grid_3 omega"&gt;
                          &lt;dl&gt;
                              &lt;dt class="sub_grid_2 alpha"&gt;TOTAL DONATED MILES&lt;/dt&gt;
                              &lt;dd class="sub_grid_1 omega"&gt;&lt;s:property value="donateMiles.donateMilesProductType.totalDonateMilesAmount" /&gt;&lt;/dd&gt;
                              &lt;dt class="sub_grid_2 alpha"&gt;New SkyMiles Balance&lt;/dt&gt;
                              &lt;dd class="sub_grid_1 omega"&gt;&lt;s:property value="donateMiles.donateMilesProductType.memberAvailableBalance" /&gt;&lt;/dd&gt;
                          &lt;/dl&gt;
                          &lt;p&gt;We'll send a copy of this transaction to your current email address that we have on file.&lt;/p&gt;
                      &lt;/div --&gt;
                      &lt;div id="transactionSummary" class="bgt-transSummary"&gt;
                          &lt;dl&gt;
                              &lt;div class="row"&gt;
                                  &lt;dt&gt;TOTAL DONATED MILES&lt;/dt&gt;
                                  &lt;dd id="totalDonatedMiles"&gt;&lt;s:text name="format.number"&gt;&lt;s:param value="donateMiles.donateMilesProductType.totalDonateMilesAmount"&gt;&lt;/s:param&gt;&lt;/s:text&gt;&lt;/dd&gt;
                              &lt;/div&gt;
                              &lt;div class="row"&gt;
                                  &lt;dt class="bottomLine"&gt;New SkyMiles Balance&lt;/dt&gt;
                                  &lt;dd id="totalDonatedMiles" class="bottomLine"&gt;&lt;s:text name="format.number"&gt;&lt;s:param value="donateMiles.donateMilesProductType.memberAvailableBalance"&gt;&lt;/s:param&gt;&lt;/s:text&gt;&lt;/dd&gt;
                              &lt;/div&gt;
                          &lt;/dl&gt;
                          &lt;div class="textSummary"&gt;&lt;p&gt;A confirmation email will be sent to the email address associated with the SkyMIles account.&lt;/p&gt;&lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="clear"&gt;&lt;/div&gt;
                  &lt;!-- Defect 9945 --&gt;
                  &lt;div class="contentWrapperFooter"&gt;
                  &lt;p id="returnToLandingPage"&gt;&lt;a href="index.action"&gt;Return to Buy, Gift, Transfer&lt;/a&gt;&lt;/p&gt;                
              &lt;/div&gt;
              &lt;/div&gt;&lt;!-- End div.content --&gt;
          &lt;/div&gt;      
      &lt;script src='&lt;s:url value="/buyGiftTransfer/js/delta.bgt.common.js"/&gt;' type="text/javascript"&gt;&lt;/script&gt;
      &lt;jsp:include page="/components/omniture/buyGiftTransferDonate.jsp"&gt;&lt;/jsp:include&gt;
      &lt;script id="renderFunction"&gt;
          $('#primaryModuleContainer').html($('#_primaryModule_loggedIn').render());
          $('#renderFunction').remove();
      &lt;/script&gt;
      &lt;jsp:include page="/components/omniture/buyGiftTransferDonate_errors.jsp"&gt;&lt;/jsp:include&gt;
      &lt;script src='&lt;s:url value="/buyGiftTransfer/js/delta.bgt.common.js"/&gt;' type="text/javascript"&gt;&lt;/script&gt;
      &lt;script src='&lt;s:url value="/buyGiftTransfer/js/donatejs.js"/&gt;' type="text/javascript"&gt;&lt;/script&gt;
      &lt;script src='&lt;s:url value="/buyGiftTransfer/js/updateDashboardMiles.js"/&gt;' type="text/javascript"&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Here is the CSS Controlling the print styles:</p>
  
  <pre><code>@media print {
  nav#nav-widget, nav#utility-nav , .interactivebreadcrumb , footer, section{ display:none; }
  .addedCharityDeets .giftedSkyMiles p.label {color:333333}
  #brand a {
  background:url(//int-cdn.delta.com/etc/designs/delta/images/bg-global-sprite.png) no-repeat 0 0;  
  }
  }
  </code></pre>
  
  <p>When I print the page it is a bunch of random characters. I have looked into character encoding and font encoding issues, but I have yet to turn up anything on here or on google. I just had my previous post closed so I am reposting. I am new to stack overflow so I wasn't sure about what I needed to provide. Thanks!</p>