Табличное заполнение не работает в 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 (режим 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>