Fatal编程技术网
  • css/
  • Css IE8，IE7，IE6，td的高度相差1px aaa bbb ccc

Css IE8，IE7，IE6，td的高度相差1px aaa bbb ccc

css internet-explorer

Css IE8，IE7，IE6，td的高度相差1px aaa bbb ccc,css,internet-explorer,html-table,Css,Internet Explorer,Html Table,在IE6和IE7中，第一个td的高度值正好为131px，但在IE8中，它的高度值为132px 如何修复它？这将提供创建不同IE版本的可能性 但可能不是最好的解决办法 因为这将为不同的浏览器提供多个css文件 但是您应该使用相同的代码来区分html标记的类： -第条axample- （@JezenThomas Tnx找到了一篇关于这方面的好文章） div.foo{color:inherit；} .ie6 div.foo{color:#ff8000；} 这将提供创建不同IE版本的可能性 但可能不是

在IE6和IE7中，第一个td的高度值正好为131px，但在IE8中，它的高度值为132px

如何修复它？

这将提供创建不同IE版本的可能性

但可能不是最好的解决办法

因为这将为不同的浏览器提供多个css文件

但是您应该使用相同的代码来区分html标记的类：

-第条axample- （@JezenThomas Tnx找到了一篇关于这方面的好文章）


div.foo{color:inherit；}
.ie6 div.foo{color:#ff8000；}
这将提供创建不同IE版本的可能性

但可能不是最好的解决办法

因为这将为不同的浏览器提供多个css文件

但是您应该使用相同的代码来区分html标记的类：

-第条axample- （@JezenThomas Tnx找到了一篇关于这方面的好文章）


div.foo{color:inherit；}
.ie6 div.foo{color:#ff8000；}
您使用过浏览器重置吗？这有助于消除浏览器的不一致性。请尝试mayer或更新的名为normalize的样式。这有助于删除不同浏览器（甚至是同一制造商的浏览器）之间的填充和边距

如果您不知道重置是什么，它是一个添加到页面的css文件，它只是重置或将许多元素恢复到默认设置（在许多情况下为0），当所有浏览器中的所有内容都重置后，您可以开始以更一致的css重新构建页面

如果您尝试了这个方法，但失败了，那么您可以向表中添加一个类，然后使用条件注释来固定表的高度。Paul Irish的html5 boiler plate在文档顶部附带了条件语句，有助于在同一样式表中针对IE的所有不同版本，因此不需要IE6、IE7、IE8样式表

干杯，
Stefan

您使用过浏览器重置吗？这有助于消除浏览器的不一致性。请尝试mayer或更新的名为normalize的样式。这有助于删除不同浏览器（甚至是同一制造商的浏览器）之间的填充和边距

如果您不知道重置是什么，它是一个添加到页面的css文件，它只是重置或将许多元素恢复到默认设置（在许多情况下为0），当所有浏览器中的所有内容都重置后，您可以开始以更一致的css重新构建页面

如果您尝试了这个方法，但失败了，那么您可以向表中添加一个类，然后使用条件注释来固定表的高度。Paul Irish的html5 boiler plate在文档顶部附带了条件语句，有助于在同一样式表中针对IE的所有不同版本，因此不需要IE6、IE7、IE8样式表

干杯，
Stefan

为什么使用旧IE意味着麻烦：）专业人士仍然需要为IE构建。为什么使用旧IE意味着麻烦：）专业人士仍然需要为IE构建。永远不要这样做。斯蒂芬·伯特（Stefan Burt）链接到了解释如何正确操作的链接。@JezenThomas，就像我在回答中所说的，可能不是最好的解决方法，永远不要这样做。Stefan Burt链接到解释如何正确操作的链接。@JezenThomas就像我在回答中说的，可能不是最好的解决方法。在电子邮件中使用这项技术怎么样？很好，根据我构建html电子邮件的经验，您不需要使用浏览器重置，因为您无法依靠电子邮件或web客户端从文档的头部剥离css。一些客户端允许css，而其他客户端不允许。此链接将显示您对链接标记的支持。我在页面头部使用css的唯一时间是在重置hotmail的值时，但这是在html文档头部顶部的样式块中声明的。ReadMsgBody{width:100%；}.ExternalClass{width:100%；}.ExternalClass*{line height:100%；}如果要更改页面中元素的显示，则需要使用内嵌样式，在这里，您可以删除css属性，并使用您的声明（如行高和字体大小）对其进行更改。在电子邮件中使用此技术如何？很好，根据我构建html电子邮件的经验，您不使用浏览器重置，因为您无法依赖电子邮件或web客户端从文档头部剥离css。一些客户端允许css，而其他客户端不允许。此链接将显示您对链接标记的支持。我在页面头部使用css的唯一时间是在重置hotmail的值时，但这是在html文档头部顶部的样式块中声明的。ReadMsgBody{width:100%；}.ExternalClass{width:100%；}.ExternalClass*{line height:100%；}另外，如果您想更改页面中元素的显示，您需要使用内嵌样式，您可以在这里删除css属性，并使用声明（如行高和字体大小）更改它们。 
<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>

<!--[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; }