表填充不工作在IE

Question

我有一個表由兩行組成，第二行是一個表，我希望它的元素被集中到主表，所以我的代碼如下：

<TABLE> 
    <TBODY> 
    <TR> 
    <TD> 
     <DIV id=gform:scan_area> 
     <OBJECT></OBJECT> 
     </DIV> 
    </TD> 
    </TR> 
    <TR> 
    <TD> 
    <TABLE style="PADDING-LEFT: 300px"> // works in firefox but doesn't work in ie9 
    <TBODY> 
     <TR> 
     <TD> 
     <INPUT> 
     </TD> 
     <TD> 
     <SPAN></SPAN> 
     </TD> 
     <TD> 
     <INPUT> 
     </TD> 
     </TR> 
    </TBODY> 
    </TABLE> 
    </TD> 
    </TR> 
    </TBODY> 
</TABLE> 

問題：TABLE style="PADDING-LEFT: 300px"在Firefox罰款，但不IE9（怪癖模式）工作，請告知如何解決這個問題，或者如果您有任何其他的想法。

Answer 1

我覺得不寫不夠好你的代碼，這是如果你使用「合併單元格」爲解決這一問題要好得多。 任何辦法，我試圖改變，集中第二個表中的第一個表的方式代碼：

<TABLE> 
    <TBODY> 
    <TR> 
    <TD> 
     <DIV id='gform:scan_area'> 
     <OBJECT></OBJECT> 
     </DIV> 
    </TD> 
    </TR> 
    <TR> 
    <TD> 
    <TABLE style="width:60%"> 
    <TBODY> 
     <TR> 
     <TD style="width:20%;padding-right:160px;"> 
     <INPUT> 
     </TD> 
     <TD style="width:20%"> 
     <SPAN></SPAN> 
     </TD> 
     <TD style="width:20%"> 
     <INPUT> 
     </TD> 
     </TR> 
    </TBODY> 
    </TABLE> 
    </TD> 
    </TR> 
    </TBODY> 
</TABLE> 

Answer 2

你需要做的是這樣

<div style="padding-left: 300px;"> 
    <table> 
     ... 
    </table> 
</div> 

更多閱讀這樣的回答：Padding table with CSS doesn't work on IE

Answer 3

表填充僅適用於細胞。通過將其添加到<td>，您將看到它在IE9和Firefox中工作。請參閱：W3schools: Tables

<TABLE> // works in firefox but doesn't work in ie9 
<TBODY> 
    <TR> 
    <TD style="PADDING-LEFT: 300px"> 
    <INPUT> 
    </TD> 
    <TD > 
    <SPAN></SPAN> 
    </TD> 
    <TD> 
    <INPUT> 
    </TD> 
    </TR> 
</TBODY> 
</TABLE>