Html IE中的怪异空间-有什么建议吗?

Html IE中的怪异空间-有什么建议吗?,html,Html,下表是body标签中的唯一元素——这在Firefox3中显示得很好,正如我所期望的那样,但在IE7中看起来并不好。嵌套表和上面的行之间有一个奇怪的空格。你能建议一些方法来移除那个奇怪的空间吗谢谢 <table> <tr> <td colspan="14"> <div> <table id="value_table" width="100%" border="0" cellspacing=

下表是body标签中的唯一元素——这在Firefox3中显示得很好,正如我所期望的那样,但在IE7中看起来并不好。嵌套表和上面的行之间有一个奇怪的空格。你能建议一些方法来移除那个奇怪的空间吗谢谢

<table>
    <tr>
        <td colspan="14">
        <div>
        <table id="value_table" width="100%" border="0" cellspacing="0" cellpadding="2" style="border-collapse: collapse; display: block">
            <tr>
                <td height="20" align="center" valign="Middle" class="Header">
                <div align="left"><b>  Search Relationships</b></div>
                </td>
            </tr>
            <tr>
            <td>This is working</td>
            </tr>
            <tr valign="top">
                <td>second row</td>
                <td nowrap="nowrap" class="GrayRow" valign="top" border="1" height="40" align="center" style="border: none">
                just above the table
                <table border="1" cellpadding="0" cellspacing="0" align="left">

                    <tr valign="top">
                        <td>new row inside table</td>
                        <td class="GrayRow" nowrap="nowrap"> <b>Select:</b>   <select id="j_id19:browseType" name="j_id19:browseType" size="1" class="TextBlackNormal" onchange="showDynamicBox(this);">    <option value="NAME">User Name</option> <option value="ID">User Id</option> <option value="IBD/Office/IP">IBD/Office /IP</option>   <option value="APA#">APA#</option></select>    </td>
                        <td>
                        <div id="dynamicBox1" style="display: block"><input id="j_id19:j_id23" name="j_id19:j_id23" type="text" value="" size="32" class="TextBlackNormal" /></div>
                        </td>
                           
                        <td>
                        <div id="dynamicBox2" style="display: none"><input id="j_id19:j_id25" name="j_id19:j_id25" type="text" value="" size="32" class="TextBlackNormal" /></div>
                        </td>
                           
                        <td>
                        <div id="dynamicBox3" style="display: none">
                        IBD   <input id="j_id19:ibdval1" name="j_id19:ibdval1" type="text" value="" maxlength="3" size="3" onkeyup="goToNextFocus(this);" class="TextBlackNormal" />   
                        OFF   <input id="j_id19:ibdval2" name="j_id19:ibdval2" type="text" value="" maxlength="3" size="3" onkeyup="goToNextFocus(this);" class="TextBlackNormal" />   
                        IP    <input id="j_id19:ibdval3" name="j_id19:ibdval3" type="text" value="" maxlength="3" size="3" onkeyup="goToNextFocus(this);" class="TextBlackNormal" />
                        </div>
                        </td>
                           
                        <td>
                        <div id="dynamicBox4" style="display: none">
                        Average Price Account#    <input id="j_id19:apaval1" name="j_id19:apaval1" type="text" value="" maxlength="3" size="3" onkeyup="goToNextFocus(this);" class="TextBlackNormal" />  <input id="j_id19:apaval2" name="j_id19:apaval2" type="text" value="" maxlength="3" size="3" onkeyup="goToNextFocus(this);" class="TextBlackNormal" />  <input id="j_id19:apaval3" name="j_id19:apaval3" type="text" value="" maxlength="3" size="3" onkeyup="goToNextFocus(this);" class="TextBlackNormal" />
                        </div>
                        </td>
                              
                        <td class="GrayRow" nowrap="nowrap">
                        <div id="msg_multiple_inputs" style="display:none">
                        <font color="#990000" size="1">Enter multiple separated by
                        commas   </font>
                        </div>
                                                         
                        </td>
                        <td><input id="j_id19:display" name="j_id19:display" type="submit" value="Display" class="TextBlackNormal" /></td>
                    </tr>
                </table>
                </td>
            </tr>
        </table>
        </div>
        </td>
    </tr>

</table>

搜索关系
这是有效的
第二排
就在桌子上面
表中的新行
选择:用户名用户Id IBD/Office/IP APA
   
   
炎症性肠病
关
知识产权
   
平均价格账户
      
输入以分隔的多个字符
逗号
                                 

我想到的第一件事是:单元格填充/单元格间距。尝试将每个设置为0。

这是IE的许多布局错误之一,很难修复。我可以提出一些建议

  • 将包含单元格的padding top设置为0em
  • 将嵌套表格的页边距顶部设置为0em

将单元格间距、单元格填充和边框添加为0到顶部表格中