All geek questions in one place

Css sticky footer on asp.net page

I am trying to create a footer that is attached to the bottom of the page. I have:

<body> <form id="form1" runat="server"> <div id="wrap"> <div id="content"> <uc2:logo ID="logo1" runat="server" /> </div> </div> <uc1:footer ID="footer1" runat="server" /> </form> </body>

Here is my css

 body { margin: 30px 10px 0px 10px; font-size: 14px; font: 76% Arial,Verdana,Helvetica,sans-serif; } html, body, form, #wrap { height: 100%; } form > #wrap { height: auto; min-height: 100%; } #wrap { width: 1000px; margin: auto; } #content { text-align:left; } #footer { clear: both; position: relative; z-index: 10; width:1000px; margin:auto; }

What am I missing? The footer is displayed below the viewport (scroll bars are also on the page). I expect this to be some kind of margin problem.

+3
source share
2 answers

Try the absolute position:

 #footer { clear: both; position: absolute; z-index: 10; width:1000px; margin:auto; bottom:0px; height:50px; }
+1
source

Source: https://habr.com/ru/post/1369258/

More articles:


All Articles