2011-07-21 22 views
5

我有其在IE呈現一個HTML表,和Excel(報告)1px的VS薄,IE VS Excel中發出

如果我設置邊框寬度要薄,它示出了在IE 2px的邊界,和Excel中的1px邊框。

但是,如果我將它設置爲1px,它將在IE中顯示1px邊框,並在Excel中顯示2px邊框(???)。

我怎樣才能讓他們顯示1px的邊框,因爲它看起來可怕的2px邊框。

+0

聽起來像「薄」導致excel合併邊界,但1px使每個單元格1px(因此兩個在一起= 2px)。 Excel中是否存在「合併邊框」選項,您可以標記允許IE和Excel合併呈現邊框的選項? –

+0

@布拉德克里斯蒂,我不知道。 – CaffGeek

+0

你如何得到它?複製粘貼? – Arnoldiusss

回答

5

保存Excel文件爲HTML CSS genrates像這樣:

.xl32 
{mso-style-parent:style0; 
border-top:.5pt solid windowtext; 
border-right:1.0pt solid windowtext; 
border-bottom:1.0pt solid windowtext; 
border-left:.5pt solid windowtext;} 

0.5顯示爲正常行,1.0爲粗線 所以我想設置TE一起.5pt應該工作...

+0

.5pt雖然沒有在Chrome中顯示。 – BJury

0

看看這個工程... 未經測試

將主CSS來thin使Excel報表有1px border,然後使用一個條件註釋瞄準IE爲1px border

<!--[if IE]> 
    //style rule for `border:1px` etc. 
<![endif]--> 
1

我不知道在Excel中呈現的HTML表格。我很好奇,如果它使用IE渲染引擎,或者一些自定義渲染引擎。 (這聽起來像它可能使用自定義的,基於差異。)

有一件事你可以嘗試的是將邊框設置爲「瘦」,然後在條件IE語句中有一個單獨的CSS規則。有關IE條件的更多信息,請參閱QuirksMode.org

所以它可能是:

<style> 
    table { border: thin solid black; } 
</style> 

<!--[if lt IE 9]> 
<style> 
    table { border: 1px solid black; } 
</style> 
<![endif]--> 
+0

乾杯哥們真的幫了我 – Bobby

0

設置邊框薄。並添加

border-collapse: collapse; 

您的聲明。要解決這個問題,爲2px在IE

+0

我有'border-collapse:collapse;'已經設置了 – CaffGeek