HTML元素在打印預覽中顯示時出現錯位

-2

我已經開發了html頁面。在IE瀏覽器上看起來不錯但是，當顯示爲打印prievew時，所有html元素都會斷開，導致錯過。HTML元素在打印預覽中顯示時出現錯位

爲什麼這麼..所以幫助。

下面是示例代碼

<body onload="JavaScript:somefunction();"> 

<header> 

    <div id="headerIamge">    
     <img src="Images\\_logo.png" />     
      </div> 
    </header> 

      <div id="sectionbody"> 
      <div id="buttonPanel"> 

       </div> 
      </div> 

       <div id="sectionheader"> 

        <div id="title"></div> 

       </div> 
      <div id="parentAreaContent"> 

      </div> 
     <table> 
      <colgroup> 
       <col width="1200px" /> 
       <col width ="5px" /> 
      </colgroup> 
      <tr> 
       <td> 
      <div id="navigation"> 

      <nav id="assetNavTargets"> 
       <ul> 

       </ul> 

      </nav> 
          </div> 
      <div id ="deviceImage"></div> 

       </td> 
      </tr> 
     </table> 
    <br /> 
      <div id="MainContentArea"></div> 
      </div>  
    </body> 
    </html>

的CSS

#divbox{ 
    margin-left:10px; 
    margin-right:10px; 
    background-color: #E6EAEC; 
    border:1px solid #c0c0c0; 

}

CSS元素使用像素和一些elemnst我已經使用％用於給出尺寸。

來源

2015-05-27 user3138481

請發佈您的代碼 – TheLifeOfSteve

我們需要您的html和css來幫助您。 –

由於'A4'頁面的大小是恆定的，並且通常比普通網頁小很多，所以''''和'px'的混合最有可能。如果可能，請使用Javascript將'％'值轉換爲'px'。 –

使用%或px，否則打印預覽將無法補償可打印工作表的尺寸。
雖然這是不容易的，我可能會使用Javascript功能來轉換：

function xPercentToPixels(percentage) { 
    return ((document.body.clientWidth/100) * percentage) + "px"; 
} 

function yPercentToPixels(percentage) { 
    return ((document.body.clientHeight/100) * percentage) + "px"; 
}

可以那麼所有的%值更改爲px，它應該工作comparitively更好。

來源

2015-05-27 13:44:10

HTML元素在打印預覽中顯示時出現錯位

回答

相關問題