0

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 では正しく動作しません。

4

0 に答える 0