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

Home Forums CSS Having trouble with the #footer div expanding to fit…

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #28644


    Here is my test page:

    As you can see the footer doesn’t expand to touch the bottom of the page.

    I can’t figure out why,
    here is my CSS:

    #container {
    width: 1052px;
    height: 100%;
    margin: 0 auto;
    text-align: center;

    #footer {
    position: relative;
    z-index: 1;
    width: 850px;
    height: 125px;
    margin: 0 auto;
    margin-bottom: 0px;
    text-align: center;
    background-repeat: repeat-x;
    background-position: top;
    background-color: #2d2d2d;
    background-image: url(../images/footerbg.jpg);

    I’ve TRIED changing the height to 100%, max/min and all of the above, but I can’t get it to expand. (so kinda ignore the height variable in my above CSS)
    The container is 100% height, so if I tell the #footer div to have a margin-bottom of 0 shouldn’t it expand to fit the container?

    Any help would be great,

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