Question

我在ASP XHTML页面中有以下内容：

<body>
<form runat="server">
<div class="page">
    <div class="searchBlock">
        Last Name:&nbsp;<asp:TextBox ID="txt_SearchLastName" runat="server">p:TextBox>&nbsp;
        First Name:&nbsp;<asp:TextBox ID="txt_SearchFirstName" runat="server </asp:TextBox>&nbsp;
        <asp:Button ID="btn_Load" runat="server" Text="Load" />
        <br />
    </div>
    <div class="dataBlock">
        Name:&nbsp;
        <asp:TextBox ID="txt_FistName" runat="server"></asp:TextBox>&nbsp;
        <asp:TextBox ID="txt_MiddleName" runat="server"></asp:TextBox>&nbsp;
        <asp:TextBox ID="txt_LastName" runat="server"></asp:TextBox>&nbsp;
        <asp:TextBox ID="txt_Suffix" Width="30px" runat="server"></asp:TextBox>&nbsp;
        <br />
        <asp:Button ID="btn_Save" runat="server" Text="Save" />
    </div>
</div>
</form>
</body>

和匹配的CSS表格中的相应代码：

.page
{
    width: 960px;
    background-color: #fff;
    margin: 20px auto 0px auto;
    border: 1px solid #496077;
}

div.searchBlock
{
    padding: 8px;
    background-color: #ffc000;
}

div.dataBlock
{
    padding: 8px;
    background-color: #80ffff;
}

在Firefox（14）和IE8以及Visual Studio 2010中的设计窗口中，表单按预期显示;顶部（“搜索”块）背景为金色，底部（“dataBlock”块）为蓝色阴影。但是，在IE8中，顶部是金色，底部是白色，也没有填充。

在有人说“嵌套Div标签”之前，请注意，如果页面和搜索div块被删除，同样的事情发生 - dataBlock块在Firefox和VS中具有浅青色背景和填充，但是白色且没有填充IE8。

在Firefox 14和Visual Studio 2010中的设计窗口中，它可以工作（DataBlock背景是蓝色的阴影，并且元素周围有填充），但在IE8中，它没有（DataBlock背景是白色的，没有填充物。）

即使我删除了所有表单元素，并将div的名称从dataBlock更改为，例如，somethingElseBlock，它仍然无法在IE8中正常工作。

在IE8 CSS </div>中忽略<div>标记

0 个答案: