IE（html 表格）问题答案

【问题标题】：IE (html table) issueIE（html 表格）问题
【发布时间】：2010-11-13 12:36:38
【问题描述】：

怎么了？

<table id="PollDetails" runat="server" Visible="false">
    <tbody>
        <tr>
            <td align="right">
                Poll Question:
            </td>
            <td align="left">
                <asp:TextBox ID="txtQuestion" runat="server" Width="300"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td align="right" runat="server" id="lblSelection1" visible="true">
                Selection    1:
            </td>
            <td align="left">
                <asp:TextBox ID="txtSelection1" runat="server" Width="300" Visible="false"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td align="right" runat="server" id="lblSelection2" visible="true">
                Selection 2:
            </td>
            <td align="left">
                <asp:TextBox ID="txtSelection2" runat="server" Width="300" Visible="false"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td align="right" runat="server" id="lblSelection3" visible="true">
                Selection 3:
            </td>
            <td align="left">
                <asp:TextBox ID="txtSelection3" runat="server" Width="300" Visible="false"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td align="right" runat="server" id="lblSelection4" visible="true">
                Selection 4:
            </td>
            <td align="left">
                <asp:TextBox ID="txtSelection4" runat="server" Width="300" Visible="false"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td align="right" runat="server" id="lblSelection5" visible="true">
                Selection 5:
            </td>
            <td align="left">
                <asp:TextBox ID="txtSelection5" runat="server" Width="300" Visible="false"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td>
            </td>
            <td>
                <asp:Button ID="btnSave" runat="server" Text="Save Changes" CausesValidation="False" />
                <asp:Button ID="btnCancel" runat="server" Text="Cancel" CausesValidation="False" />
            </td>
        </tr>
    </tbody>
</table>

生成的代码已粘贴：

<div>
<table id="ctl00_ContentPage_PollManagement_PollDetails">
<tr>
        <td align="right">
                Poll Question:
           </td>
        <td align="left">
               <input name="ctl00$ContentPage$PollManagement$txtQuestion" type="text"     value="How much time do you spend on a computer daily?" id="ctl00_ContentPage_PollManagement_txtQuestion" style="width:300px;" />
        </td>
</tr>
<tr>
    <td id="ctl00_ContentPage_PollManagement_lblSelection1" align="right">Selection 1:
        </td>
    <td align="left">
            <input name="ctl00$ContentPage$PollManagement$txtSelection1" type="text" value="Less than 1 Hour" id="ctl00_ContentPage_PollManagement_txtSelection1" style="width:300px;" />
        </td>
</tr>
<tr>
    <td id="ctl00_ContentPage_PollManagement_lblSelection2" align="right">Selection 2:

        </td>
    <td align="left">
            <input name="ctl00$ContentPage$PollManagement$txtSelection2" type="text" value="Between 1 and 2 Hours " id="ctl00_ContentPage_PollManagement_txtSelection2" style="width:300px;" />
        </td>
</tr>
<tr>
    <td id="ctl00_ContentPage_PollManagement_lblSelection3" align="right">Selection 3:

        </td>
    <td align="left">
            <input name="ctl00$ContentPage$PollManagement$txtSelection3" type="text" value="Between 2 and 4 Hours " id="ctl00_ContentPage_PollManagement_txtSelection3" style="width:300px;" />
        </td>
</tr>
<tr>
    <td id="ctl00_ContentPage_PollManagement_lblSelection4" align="right">Selection 4:

        </td>
    <td align="left">
            <input name="ctl00$ContentPage$PollManagement$txtSelection4" type="text" value="Between 4 and 8 Hours " id="ctl00_ContentPage_PollManagement_txtSelection4" style="width:300px;" />
        </td>
</tr>
<tr>
    <td id="ctl00_ContentPage_PollManagement_lblSelection5" align="right">Selection 5:

        </td>
    <td align="left">
            <input name="ctl00$ContentPage$PollManagement$txtSelection5" type="text" value="Between 8 and 16 Hours" id="ctl00_ContentPage_PollManagement_txtSelection5" style="width:300px;" />
        </td>
</tr>
<tr>
    <td>
        </td>
    <td>
            <input type="submit" name="ctl00$ContentPage$PollManagement$btnSave" value="Save Changes" id="ctl00_ContentPage_PollManagement_btnSave" />
            <input type="submit" name="ctl00$ContentPage$PollManagement$btnCancel" value="Cancel" id="ctl00_ContentPage_PollManagement_btnCancel" />
        </td>
</tr>

【问题讨论】：

请贴出整个表格的HTML代码。我的猜测是表格的格式不正确，并且浏览器对它的解释不同（即并非所有标签都有匹配的结束标签。）
你有可以看到整个源码和css的地方吗？
您粘贴的代码检查正常 - 请发布生成的实际 HTML
在底部你有一个空的 td，你的意思是在里面放一个按钮吗？
图像现在已经死了，让问题不太清楚。

标签： html internet-explorer html-table

【解决方案1】：

所发布的表格在 IE7 上正确显示，因此这一定是因为您的页面中有 HTML 标记。

【讨论】：

你给了我一个很大的暗示。我会发布我的进度
问题是由 div 引起的。更改了 div 位置，现在可以了。谢谢你的建议

【解决方案2】：

您使用的是什么 DOCTYPE？ IE 对页面的解释可能与 Firefox 不同，具体取决于您的 DOCTYPE。

如果您不熟悉 DOCTYPES，A List Apart 对它们有很好的描述。

【讨论】：

【解决方案3】：

删除所有 [visible ="false"] 并完成关闭表 table 标记可提供所需的输出。从那里开始。

【讨论】：

【解决方案4】：

什么是可见的，什么是不可见的？将所有的 visibile=false 更改为 true，在 ie7 中看起来不错。

【讨论】：

【解决方案5】：

试着放一个在靠近底部的空白 TD 标签内。

【讨论】：

缺少不间断空格并不是罪魁祸首。