如何修复firefox中表格列的空白空间？

Question

这是.aspx页面中的内嵌代码： -

<table> 
<tr> 
<td>Some static data</td> 
<td>Text box control</td> 
<td><div id="div1"></div></td> 
</tr> 
</table> 

三<td>有一个div 'DIV1'。该div在该页面上大部分时间都没有任何数据。但有时我需要在那里显示一些动态数据）。现在的问题是，如果div'div1'中没有数据，firefox会将其视为一个空间，并且需要约。浏览器中5px的空间。 （但IE8在兼容性视图是好的）

这里的工作是什么firefox？

Answer 1

我会考虑如果你真的需要div - 我想你会在某些情况下通过定位ID来填充数据，为什么不直接指定表格单元呢？

<table> 
<tr> 
<td>Some static data</td> 
<td>Text box control</td> 
<td id="div1"></td> 
</tr> 
</table> 

Answer 2

尝试在CSS开始时将所有边距和填充设置为0。

*{ 
    margin: 0; 
    padding: 0; 
} 

然后，您可以根据需要明确设置这些值。

Answer 3

这是因为您已将填充应用于td元素。您可以这样做：<td style="padding:0"><div id="div1" style="display:none; padding:1px;"></td>

然后将填充移到div元素，并在元素为空时将其隐藏。在这种情况下，Firefox不会应用任何填充。但是，当应用数据时，它应该仍然看起来像其他tds。

Answer 4

这听起来像你需要重置你的风格。有几个好的，包括Eric Meyer's CSS reset和Yahoo YUI2 CSS reset。