表格填充在IE中不起作用

Question

i have a table that consists of two rows, the second row is a table, which i want it's elements to be centered to the main table, so my code is as follows:

<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: TABLE style="PADDING-LEFT: 300px" works fine in firefox but doesn't work in IE9 (Quirks mode) , please advise how to fix this issue or if you have any other ideas.

Answer 1

I think your code is not written well enough, it was much better if you used "colspan" for solving this issue. Any way, I tried to change your code in a way that centralize the second table in the first table:

<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

You need to do it this way

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

For more read this answer: Padding table with CSS doesn't work on IE

Answer 3

Table padding is only applied to cells. By adding it to the <td> you will see it work in IE9 and Firefox. See: 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>