2011-02-05 215 views
1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/1998/REC-html40-19980424/strict.dtd"> 
<html> 
    <head> 
    <style type="text/css"> 
     table { 
     border: 0; 
     padding: 0; 
     border-collapse: collapse; 
     } 
     td {padding: 0} 
    </style> 
    </head> 
    <body> 
    <table bgcolor="gray" width="100%"> 
     <tr> 
     <td bgcolor="black" height="14px"> 
      <img src="_images/top_top_line.png" width="800px" height="14px" border="0" alt=""> 
     </td> 
     </tr> 
     <tr> 
     <td height="14px"> 
      <img src="_images/top_top_line.png" width="800px" height="14px" alt=""> 
     </td> 
     </tr> 
    </table> 
    </body> 
</html> 

在最后一部歌剧和IE8我看到:http://eta.name/timages/padding.pngCSS表格单元格边距,间距

如果我在卸妆,Opera都OK DOCTYPE声明,但在IE没有任何变化。

如何删除填充正确?

我有简化的例子:http://eta.name/padding.html 有TD问题。单元顶部有一个像素,底部有一些像素。如何删除这个?

+0

阅读此:http://tiny.cc/3hoxz – Thew 2011-02-05 10:06:11

+0

即使你的标题表明你做了,你还没有删除间距。你也没有指定任何_units_这些,你必须。 – Oded 2011-02-05 10:06:42

+0

我想你必须详细说明和提供信息,比如什么是预期行为,在哪些情况下你得到了预期的行为,在哪些情况下你没有得到它,以及你得到了什么。 – joriki 2011-02-05 10:07:24

回答

0

我会用不同的方式来处理它。不用像这样对每个浏览器进行对抗,而是使用CSS重置,以便完全控制所有元素,并且可以随意设置样式。我所知道的最好的是Eric Mayer的http://meyerweb.com/eric/tools/css/reset/

1

这不是填充。图像是内联元素,因此它们会像字母一样对待。默认情况下,设置vertical-align,以便图像底部与字母a,b,c和d的底部对齐。这留下下面的空间,你可以找到像j,g,p和y这样的字母。

您可以使用vertical-align属性旋转,但首先应该不要使用tables for layout