Greetings Everyone! I'm facing an issue with keeping the footer pinned at the bottom of the page. The treeview control I'm using overlaps the footer when expanded. Can anyone assist in ensuring the footer remains at the bottom of the page?
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<style type="text/css">
html{
height: 100%;
box-sizing: border-box;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
body {
position: relative;
margin: 0;
padding-bottom: 6rem;
min-height: 100%;
}
#container {
margin-bottom: 50px;
min-height:100%;
position:relative;
text-align: left;
font-size: medium;
font-family:Verdana;
}
/*#main{
overflow:auto;
padding-bottom:50px;
/*height:2000px;
text-align: left;
font-size: medium;
font-family:Verdana;
}*/
#Footer{
position:absolute;
/*z-index: 10;
width:100%;*/
/*margin:auto;*/
bottom:0;
height:50px;
font-family:Verdana;
font-size:70%;
color:black;
/*margin-top:-50px;*/
clear: both;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div id="container">
<%--<div id="main">--%>
<asp:TreeView runat="server" ID="TrVwEmpHier" BackColor="White" ForeColor="Black" ExpandDepth="1" Height="169px" Width="119px" NodeIndent="50">
<HoverNodeStyle />
<LeafNodeStyle Font-Bold="False" Font-Italic="True" NodeSpacing="2px" VerticalPadding="2px" />
<NodeStyle Font-Bold="True" NodeSpacing="2px" VerticalPadding="2px" />
<ParentNodeStyle Font-Names="Verdana" Font-Size="Larger" NodeSpacing="2px" VerticalPadding="2px" />
<RootNodeStyle Font-Italic="True" Font-Names="Verdana" Font-Size="XX-Large" NodeSpacing="2px" VerticalPadding="2px" />
</asp:TreeView>
<%--</div>--%>
</div>
<div id="Footer">
<%<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="4b760b0f2a3f2e1f22262e6505243c65122e2a39">[email protected]</a>%>
</div>
</form>
</body>
</html>Assistance Needed! Greetings Everyone! I'm encountering difficulty in fixing the footer's position at the bottom of the page. Upon expanding the treeview control, it obscures the footer display. Kindly provide support to ensure the footer stays at the bottom of the page.