Footer Issue RRS feed

  • Question

  • My footer is not at the bottom of the webpage, it appears a little above my webpage what should I do?
    • Moved by CoolDadTx Wednesday, February 20, 2019 2:52 PM ASP.NET related
    Wednesday, February 20, 2019 12:36 AM

All replies

  • Hi Donald Uko,

    Thank you for posting here.

    It seems like you use ASP.NET, you could post a new thread in ASP.NET forum.

    Best Regards,


    MSDN Community Support
    Please remember to click "Mark as Answer" the responses that resolved your issue, and to click "Unmark as Answer" if not. This can be beneficial to other community members reading this thread. If you have any compliments or complaints to MSDN Support, feel free to contact

    Wednesday, February 20, 2019 3:01 AM
  • It really depends on the framework used or simply CSS. For instance, with Bootstrap try the following

    html {
        height: 100%;
        box-sizing: border-box;
    *:after {
        box-sizing: inherit;
    body {
        margin: 0;
        padding-bottom: 6rem;
        min-height: 100%;
        font-family: "Helvetica Neue", Arial, sans-serif;
    .footer {
        right: 0;
        bottom: 0;
        left: 0;
        padding: 1rem;
        background-color: #0F506F;
        color: white;
        text-align: center;

    Then append the footer via document ready

    $(document).ready(function () {
        $(document.body).append("<div id='indexFooter' class='footer'><a href=''>Github</a></div>");
    But this is the wrong forum, use the ASP.NET forum.

    Please remember to mark the replies as answers if they help and unmark them if they provide no help, this will help others who are looking for solutions to the same or similar problem. Contact via my Twitter (Karen Payne) or Facebook (Karen Payne) via my MSDN profile but will not answer coding question on either.
    VB Forums - moderator
    profile for Karen Payne on Stack Exchange, a network of free, community-driven Q&A sites

    Wednesday, February 20, 2019 10:51 AM