1

我有一个由两行组成的表,第二行是一个表,我希望它的元素以主表为中心,所以我的代码如下:

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

ISSUE:在 Firefox 中可以正常工作,但在 IE9(Quirks 模式)TABLE style="PADDING-LEFT: 300px"中无法正常工作,请告知如何解决此问题或如果您有任何其他想法。

4

3 回答 3

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> 
于 2013-07-02T11:25:23.790 回答
0

你需要这样做

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

有关更多信息,请阅读此答案:带有 CSS 的填充表在 IE 上不起作用

于 2013-07-02T11:17:19.843 回答
0

表格填充仅适用于单元格。通过将它添加到<td>您将看到它在 IE9 和 Firefox 中工作。请参阅:W3schools:表格

<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>
于 2013-07-02T11:23:16.997 回答