javascript - 表格标签内的 HTML 标题标签的浏览器问题

Question

Html 标题标签问题在表格标签内。问题在于对齐。

<html:form action="myAction">

<table border=0 id="main_table" width="100%">
       <tr>
          <td>
             <table id="t1" width="100%">
                <caption align= "left" id="t1_c">
                  <b><bean:message key="schedule.automatic"/></b>
                </caption>
             <tr>
                <td>
                   <label>
                       <input type=radio name="gather_group" value='NEVER'        onclick="selectRadio(this.value)">
                          <bean:message key="myconsole.schedule.never"/>
                   </label>
               </td>
             </tr>
            </table>
          </td>
            <table id="t2" width="100%">
               <caption align="left" id="t2_c">
                 <b><bean:message key="schedule.whenToGather"/></b>
               </caption>
               <tr id="t2_r1">
                 <td><bean:message key="schedule.hourOfDay"/></td>
               </tr>
            </table>
      </tr>

我认为标题标签在不同浏览器中运行时出现问题。 使用 bean:message 属性显示的文本在 IE8 及更高版本中完美显示，但在 firefox version-28.0、chrome、safari.. 中文本位置会移位。

感谢任何帮助。

注意:我没有使用 HTML5

Answer 1

第二个嵌套表不在td标签内:

<table border=0 id="main_table" width="100%">
   <tr>
      <td>
         <table id="t1" width="100%">
            <caption align= "left" id="t1_c">
              <b><bean:message key="schedule.automatic"/></b>
            </caption>
         <tr>
            <td>
               <label>
                   <input type=radio name="gather_group" value='NEVER'        onclick="selectRadio(this.value)">
                      <bean:message key="myconsole.schedule.never"/>
               </label>
           </td>
         </tr>
        </table>
      </td>
      <td> <!-- Missing td tag -->
        <table id="t2" width="100%">
           <caption align="left" id="t2_c">
             <b><bean:message key="schedule.whenToGather"/></b>
           </caption>
           <tr id="t2_r1">
             <td><bean:message key="schedule.hourOfDay"/></td>
           </tr>
        </table>
      </td> <!-- Missing td closing tag -->
  </tr>