微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

表格未显示html页面

如何解决表格未显示html页面

|
<%@ 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>
    

解决方法

        您的桌子在这里。问题是您的CSS中的这一行:
overflow: hidden; 
如果需要滚动条,它会使滚动条隐藏。如果将其更改为:
overflow: auto; 
并滚动一点,您会看到表格。其余的取决于您,以便正确放置所有元素。     

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。