表格行的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間距問題

回答

相關問題