使用css復位後應用填充

我遇到了一個磚牆使用Eric Meyer的CSS復位（http://meyerweb.com/eric/tools/css/reset/）

後，我有一個表，這種風格

table.home_right_top, .home_right_top table, .home_right_top 
{ 
background-color: #F2F2F2; 
width: 100%; 
padding: 10px 20px 15px 20px; 
}

但填充完全不和我申請表無法弄清楚爲什麼。我很高興我在包括IE7和IE8在內的所有瀏覽器上看到相同的行爲，但我沒有看到任何填充。有人能告訴我我在這裏做錯了嗎？

謝謝。

編輯

這是我的表

<table class="home_right_top" border="0" cellspacing="0" cellpadding="0"> 
    <tbody> 
     <tr> 
      <td class="blueHeading14 heading_padding_right" style="width: 64px">Products</td> 
      <td class="rpt_stroke" style="width: 280px">&nbsp;</td> 
     </tr> 
    </tbody> 
</table>

來源

2010-06-02 iJK

我們可以看到你的html表格嗎？ – edl 2010-06-02 20:56:17

看看他的CSS的最後一行：

table { 
    border-collapse: collapse; 
    border-spacing: 0; 
}

嘗試移除，看會發生什麼，表格單元格不要像block級別的元素那樣行事。我認爲這裏真正的問題是你不應該這樣設計表格元素，因爲它的默認顯示屬性是table，它與盒子模型不一樣。

嘗試在單元格上填充填充或向表格添加頁邊空白。

來源

2010-06-02 20:59:18

我覺得我幾乎可以說@mVChr說不？ – 2010-06-02 21:51:49

是的，我將它改爲div。 – iJK 2010-06-03 14:53:56

適合我。你有沒有聲明DocType？

來源

2010-06-02 21:00:20 edl

您必須將樣式應用於TD的不是表格。

table.home_right_top td

來源

2010-06-02 21:02:27

問題不復位，它是在W3 CSS屬性規範指出padding可應用於：

的所有元素，除了錶行集團，表，報頭 - 組，表尾組，錶行，表列組和表列

所以這是無效的申請padding爲<table>。相反，想到的唯一解決方案是代替margin，將表格換成<div>，或將填充應用於具有特殊類別的個人<td>。

來源

2010-06-02 21:03:01 mVChr

使用css復位後應用填充

回答

相關問題