表格不显示html页面

时间:2011-06-13 02:41:53

标签: asp.net html css xhtml frontend

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="UserCreation.aspx.cs" Inherits="UserCreation" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml">
 <head runat="server">
   <title>ePay</title>
    <style type="text/css">
        html, body 
         {
              height:100%; 
              margin:0; 
              padding:0; 
              overflow: hidden; 
              width:100%;  
              background-position:center;
              background-repeat:no-repeat;

        }

      #page-background {position:fixed; top:0; left:0; width:100%; height:100%;}

        #content {position:relative; z-index:1; padding:10px;}

        .leftAlignment
        {
            padding-left:10px;
        }

        .heading
        {
            padding-left:10px;
            color:#7a7474;
            font-size:20;
        }


        .content
        {
            padding-left:10px;
            padding-top:20px;
        }


        #background img{
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                z-index: 0;
            margin-right: 0px;
        }
        #bodywrap {
                position:absolute;
                width: 94%;
                margin-left: 3%;
                margin-right: 3%;
                margin-top: 10px;
                z-index: 20;
        }
        #backdrop {
                position: absolute;

        }

</style>
</head>
<body>
<div style="padding-top:10px;">
             <div id="background">
                    <img src="images/background.jpg" alt="Background Image"/>
            </div>
<div id="bodywrap">
    <div id="backdrop">
    <span class="heading" > User Creation </span></div>
    <div class="leftAlignment" ><img src="images/line.png" width="600"/></div>
    <div class="content">
<form id="form1" runat="server">
<div>

    <br />
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>

    <asp:Panel ID="PanelUser" runat="server">
    <table border="0" align="center" style="position:absolute;">
        <tr>
            <td>
                Employee ID:</td>
            <td>
                <asp:TextBox ID="TexEmpID" runat="server" AutoPostBack="True" 
                    ontextchanged="TexEmpID_TextChanged"></asp:TextBox>
            </td>
        </tr>

        <tr>
            <td>Employee Name:</td>
            <td>
            <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                                    <ContentTemplate>
                                        <asp:TextBox ID="TextEmpName" runat="server">       </asp:TextBox>
                                    </ContentTemplate>
                                    <Triggers>
                                    <asp:AsyncPostBackTrigger ControlID="TexEmpID" EventName="TextChanged" />
                                    </Triggers>
                                </asp:UpdatePanel></td>
        </tr>

        <tr>
            <td>User Name:</td>
            <td><asp:UpdatePanel ID="UpdatePanel2" runat="server">
                                    <ContentTemplate>
                               <asp:TextBox ID="TextUserName" runat="server">      </asp:TextBox>
                                    </ContentTemplate>
                                    <Triggers>
                                    <asp:AsyncPostBackTrigger ControlID="TexEmpID"   EventName="TextChanged" />
                                    </Triggers>
                                </asp:UpdatePanel>
             </td>
        </tr>

        <tr>
            <td>Password:</td>
            <td>
               <asp:TextBox ID="TextPassword" runat="server" TextMode="Password"></asp:TextBox>
                                <asp:CompareValidator ID="CompareValidator1" runat="server" 
                                    ControlToCompare="TextPassword" ControlToValidate="TextRePassword" 
                                    ErrorMessage="*"></asp:CompareValidator>

            </td>
        </tr>

        <tr>
            <td>Re Type Password:</td>
            <td> <asp:TextBox ID="TextRePassword" runat="server" TextMode="Password"></asp:TextBox></td>
        </tr>

        <tr>
            <td>  <asp:UpdatePanel ID="UpdatePanel3" runat="server">
                                    <ContentTemplate>
                                        <asp:CheckBox ID="cbIsInactive" runat="server" Text="   Inactive" 
                                            Width="108px" />
                                    </ContentTemplate>
                                    <Triggers>
                                    <asp:AsyncPostBackTrigger ControlID="TexEmpID" EventName="TextChanged" />
                                    </Triggers>
                                </asp:UpdatePanel></td>
            <td></td>
        </tr>

        <tr>

            <td align="center">
                <asp:Button ID="btSubmit" runat="server" onclick="btSubmit_Click" 
                    Text="Submit" />
            </td>
            <td align="center">
                <asp:Button ID="btnReset" runat="server" Text="Reset" />
            </td>

        </tr>



    </table>
    </asp:Panel>

        </div>

     </div>
    </div>
  </form>
    </div>
<p>
    &nbsp;</p>
</body>
</html>

1 个答案:

答案 0 :(得分:0)

你的桌子在这里。问题是你的css中的这一行:

overflow: hidden; 

如果需要,可以隐藏滚动条。如果您将其更改为:

overflow: auto; 

滚动一下,你会看到你的桌子。其余部分取决于您,以便正确定位所有元素。