www.webdeveloper.com
Results 1 to 3 of 3

Thread: How to set footer at the bottom of the screen and moves down when more content is add

Hybrid View

  1. #1
    Join Date
    Aug 2011
    Posts
    2

    Question How to set footer at the bottom of the screen and moves down when more content is add

    </div> <!-- End of Stock -->

    </div> <!-- End of Content -->
    <div class="clearfooter"></div>
    </div> <!-- End of Pagewrap -->


    <div id="footer">
    <div id="footertext"> 2012 Circle B Trailers. For problems with this site please contact <b id="footemail">Jevon@circlebtrailers.com</b> or <b id="footemail">govanadesigns.tk</b></div>
    </div>
    css:

    *{
    margin: 0;
    padding: 0;
    }

    html, body{height: 100%;}

    .clearfooter {
    height: 54px;
    clear: both;
    }

    #pagewrap{
    font: 14px 'calibri', san-serif;
    width:100%;
    min-width: 100px;
    max-width: 1600px;
    background: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
    min-height: 100%;
    height: auto;
    }

    #footer{
    position:relative;
    width: 100%;
    height:54px;
    background:url(../images/footer_BG_s1.png) repeat-x;
    }

    #footertext{
    font: bold 13px "Arial", Helvetica, sans-serif;
    margin: 0px 0px 0px 115px;
    position:absolute;
    top: 28px;
    clear: both;
    }

  2. #2
    Join Date
    Nov 2002
    Posts
    2,632

  3. #3
    Join Date
    May 2005
    Location
    Gold Coast (MS)
    Posts
    2,207
    Sticky Footer Code:

    http://ryanfait.com/resources/footer...ottom-of-page/

    Both links are good.
    Last edited by Major Payne; 03-26-2012 at 10:43 PM.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles