表格行的IE间距问题

我想将间距添加到表格中行的底部，并且它在Chrome中正常工作。但IE 8.0中未显示间距表格行的IE间距问题

所用方法的任何替代方法？

CSS

tr.spaceUnder > td 
{ 
padding-bottom: 7px; 
}

HTML

<table width="105%"> 

      <tr class="spaceUnder"> 
         <td><p>Friday, June 8th<br> 
       <a href="https://www.facebook.com/events/357722824277712/" target="_blank" onMouseOver="MM_swapImage('band','','images/awatson.jpg',1)" onMouseOut="MM_swapImgRestore()">Aaron Watson</a></p> 
      </td> 
      <td valign="bottom"><a href="http://www.ticketfly.com/event/122695/"><img src="http://www.bigtexassaloon.com/images/tix.png" border="0"></a> 
         </td> 
         </tr> 

      <tr class="spaceUnder"> 
       <td> 
       <p>Thursday, June 14th<br> 
          <a href="https://www.facebook.com/events/180258595433140/" target="_blank" onMouseOver="MM_swapImage('band','','images/acoustic.jpg',1)" onMouseOut="MM_swapImgRestore()">Five Man Jam</a><br /> 
           &nbsp;&nbsp;Joe Blake<br />&nbsp;&nbsp;Neil Austin Imber<br />&nbsp;&nbsp;Eric Middleton<br />&nbsp;&nbsp;Stephen Chadwick<br />&nbsp;&nbsp;Ryan Lee Evans</p> 
          </td> 
      </tr> 
</table>

来源

2012-06-07 syllable3

如果可能，你可以发布截图吗？ –

你在你的HTML声明DOCTYPE？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

来源

2012-06-07 03:22:40 chadpeppers

我补充说，它间隔，但是，现在它显示太多间距，我不知道如何限制到一定的数量。 Hre是指向相关网站的链接。 http://bigtexassaloon.com/clearlake.html问题现在在Chrome和IE中都有 – syllable3

从声明tr.spaceUnder > td中删除>字符。只有在单元格内部有内部表格的情况下才需要它（即使如此，以其他方式限制效果也会更好）。

在Quirks Mode中，IE不识别使用>运算符的CSS3选择器。一些旧的浏览器无法在任何模式下识别它们。当存在一个简单的选择时，避免使用它们。

您的页面可能缺少doctype声明或具有将IE放入怪癖模式（例如，不带URL的HTML 4.01 Transitional文档类型）的声明。

页面也有不同的浏览器兼容性问题，尽管您可能已经处理了未在问题中披露的CSS代码。当您将p元素作为td元素的唯一内容时，至少在怪癖模式下，某些浏览器会抑制p元素的正常默认顶部和底部边距。 “标准模式”中的现代浏览器通常不会这样做，这意味着段落上下有相当大的垂直间距。

这可以通过在CSS中明确设置p的边距来处理。但像<td><p>...</p></td>这样的标记通常没有用处，并且p标记最好省略，避免了这个问题。

来源

2012-06-07 04:34:08

表格行的IE间距问题

回答

相关问题