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（Quirks模式）中无效，请告知如何解决此问题或者如果您有任何其他想法。

Answer 1

我认为你的代码编写得不够好，如果使用“colspan”来解决这个问题会好得多。无论如何，我试图以第二个表集中在第一个表中的方式更改代码：

<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>

表填充在IE中不起作用

3 个答案: