IE8，IE7，IE6，TD的高度爲1像素不同

<table width="320" cellspacing="0" cellpadding="0" valign="top" bgcolor="#ffffff" style="border:1px solid #d6d6d6;border-collapse:collapse;"> 
    <tr> 
    <td height="131" valign="bottom" style="padding:0px 8px;">aaa</td> 
    </tr> 
    <tr><td height="10" style="line-height:1px;">bbb</tr> 
    <tr> 
    <td height="182" valign="top" style="padding:0px 8px;line-height:1px;">ccc</td> 
    </tr> 
</table>

在IE6和IE7，第一TD具有相同的高度的值恰好131px，但在IE8它具有132px。IE8，IE7，IE6，TD的高度爲1像素不同

如何解決？

來源

2012-07-10 smoothdvd

爲什麼使用舊的IE瀏覽器。 IE意味着麻煩:) – Sllix 2012-07-10 08:59:03

專業人員仍然需要爲IE構建。 – 2012-07-10 09:09:44

你使用瀏覽器重置？這可以幫助消除瀏覽器不一致。試試mayer http://meyerweb.com/eric/tools/css/reset/或稱爲normalize http://necolas.github.com/normalize.css/的較新風格，這可以幫助刪除填充和頁邊距，這些頁眉和頁邊距甚至是來自同一製造商的不同瀏覽器。

如果你不知道重置是一個你添加到你的頁面的css文件，它只是簡單地重置或者將許多元素重新設置爲默認設置，在很多情況下它是0，當所有內容瀏覽器被重置，你可以開始重建頁面更一致的CSS。

如果您已經嘗試過並且失敗了，那麼您可以向表中添加一個類，然後使用條件註釋來修復表的高度。 Paul Irish的html5鍋爐板在文檔頂部附帶條件語句，可幫助您在同一樣式表中定位所有不同版本的IE，因此不需要IE6，IE7和IE8樣式表。

http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/

歡呼聲，斯特凡

來源

2012-07-10 09:02:58

如何在電子郵件中使用此技術？ – smoothdvd 2012-07-11 06:05:48

好點smoothdvd，在我的經驗建立html電子郵件，你不使用瀏覽器重置，因爲你不能依靠電子郵件或Web客戶端從文檔頭剝離出的CSS。某些客戶端允許css，而其他客戶端則不會顯示鏈接標記的支持。 http://www.campaignmonitor.com/css/ – 2012-07-11 08:40:04

我在頁面頭部使用css的唯一時間是當我重置hotmail值時，但是這是在html頭部頂部的樣式塊中聲明的文件。另外，如果你想改變頁面中元素的顯示，你需要使用內聯樣式，在這裏你可以刪除CSS屬性並用你的聲明來改變它們作爲行高和字體大小。 – 2012-07-11 08:50:13

這應該使創建不同的IE verions

This site should give you a quick fix，但可能不的最好的解決

因爲這會給你不同的瀏覽器多個CSS文件的可能性。

但是，你應該使用相同的代碼區分你的HTML標記的類：

-article axample- （@JezenThomas TNX尋找關於這個Reasons why no to do that的好文章）

<!--[if lt IE 7 ]> <html class="ie6"> <![endif]--> 
<!--[if IE 7 ]> <html class="ie7"> <![endif]--> 
<!--[if IE 8 ]> <html class="ie8"> <![endif]--> 
<!--[if IE 9 ]> <html class="ie9"> <![endif]--> 
<!--[if (gt IE 9)|!(IE)]><!--> <html class=""> <!--<![endif]--> 

div.foo { color: inherit;} 
.ie6 div.foo { color: #ff8000; }

來源

2012-07-10 09:02:06 Liquid

不要這樣做，永遠。斯特凡伯特連接到[這篇愛爾蘭文章]（http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/），它解釋瞭如何正確地做到這一點。 – 2012-07-10 09:08:47

@JezenThomas就像我說我的答案可能**不是**最好的修復 – Liquid 2012-07-10 09:11:47

添加了您的發現 – Liquid 2012-07-10 09:21:40

IE8，IE7，IE6，TD的高度爲1像素不同

回答

相關問題