Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Sticky Footer does not compensate for longer content more than footer height

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #40677
    kanique
    Member

    Any help provided would be helpful. Very new to this CSS stuff so bear with me.

    I am trying to use sticky footer with this page. It works but any content more than the height of the footer is cut off. Also, the left bar background is not stretching along with the content even though background repeat is on. Here is my CSS:

    html, body {
    margin: 0px;
    padding: 0px;
    color: rgb(113, 105, 90);
    background-color: rgb(255, 255, 255);
    background-image: url(site/1/template/backgrd.png);
    background-repeat: repeat-x;
    text-align: left;
    font-size: 12px;
    height:100%;
    }
    #container2 {
    position:relative;
    left:0px;
    top:0px;
    width:1024px;
    margin:0px auto -398px;
    min-height: 100%;
    height: auto !important;
    }
    #header {
    width:1024px;

    }

    #content {
    width:1024px;
    overflow:auto;
    padding-bottom: 398px;

    }
    #footer {
    width:999px;
    position:absolute;
    margin-top: -398px; /* negative value of footer height */
    height: 398px;
    clear:both;
    bottom:0;
    }

    Here is the page: [Click Here](http://www.bcadventist.com/article/398/departments/conference-departments/youth/test-internal “BCC”)

    Any help appreciated.

    #113625
    Paulie_D
    Member

    Wow…there’s a severe case of divitis going on in there isn’t there.

    This could take some time.

    #113626
    kanique
    Member

    I am realizing now that I shouldn’t have sliced the page into so many pieces. I apologize.

    #113628
    kanique
    Member

    Haha! Guess I shouldn’t have used Photoshop’s ‘Save for Web’ and save as CSS. It absolute positioned everything. If anything I will start from scratch. This is my first time designing without tables so hey.

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.