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

时间:2012-07-30 14:14:37

标签: css html internet-explorer-8

我在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中正常工作。

0 个答案:

没有答案