Home/ Questions/Q 883095
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-15T12:31:53+00:00

If you only had to worry about Firefox and Webkit browsers, what CSS would

  • 0

If you only had to worry about Firefox and Webkit browsers, what CSS would you use to make the footer in the following HTML stick to the bottom of the page? Note: I don’t want to add any of markup to the page.

<html>
    <body>
        <header>...</header>
        <article>...</article>
        <aside>...</aside>
        <footer>...</footer>
    </body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Just set the position as fixed and set bottom to 0:

    footer
{
   position:fixed;
   bottom:0;
}

    Works a treat in FF, IE7, IE8, etc for me. Here’s my actual CSS on one of my sites for a footer (a div with the id footer):

    #footer
{
 clear:both;
 color:#FFF;
 background:#666;
 bottom:0;
 border:solid 1px #333;
 height:30px;
 width:100%;
 min-width:950px;
 position:fixed;
 z-index:100;
}
    • 0